/*----------------------------------------------------------------------------
[Master Stylesheet]
Project:Filipinos Site
Version:1
Author:Cristian Sans
Company:Gimmicklab
Date:07/05/09 
Last change:11/05/09 
URL:http://protagonista.filipinos.com
Notes:-
-----------------------------------------------------------------------------*/
@import "reset.css";/* Body */
body,html,#container{height:100%;}
body{font-size:62.5%;background:#740411;}
/* Tipography */
body,h1,h2,h3,h4,h5,h6{font-family:Georgia,serif;}
/* Colors */
body,a,#promo p,#highlights p,.homepromo h2,a#create{color:#fff;/* white */}
#header ul a,#footer a,#footer ul{color:#ffd801;/* yellow */}
#footer p{color:#f6e5a2;/* Cream */}
li.tuopinion a,textarea,input,#header li.active a,#header li:hover a,select{color:#880517 !important;/* Dark Red */}
#promo p span,#highlights h2 a,.homepromo h2 a,.products h3,.opinion p,.opinion label,.form h2,.form fieldset h3 span,.form small,#error li,.legal h3,.legal a{color:#fccc38;/* Gold */}
#promo li a#watch{color:#940211;/* Darker Red */}
#productbox li a,#details p,#slide span,a#back{color:#fccd01;/* Another Gold */}
.form label,#error h4,.legal p{color:#fcec98;}
/* Layout */
#container{width:100%;min-width:1024px;}
#wrapper{background:transparent url(/img/bg.jpg) no-repeat 0 0;width:1024px;margin:0 auto;min-height:600px;height:auto;}
#header{padding:10px 0 0 0;}
#main{height:auto;}
#footer{clear:both;background:transparent url(/img/footer-bg.png) repeat-x 0 0;width:100%;height:65px;padding-top:80px;margin-top:40px;}
/* Block Elements */
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:3em;line-height:2.8em;float:left;}
h1 a{background:transparent url(/img/agujeros-logo.png) no-repeat 0 5px;display:block;width:268px;height:115px;text-indent:-9999px;}
h2{font-size:2em;line-height:1.8em;}
h3{font-size:1.8em;line-height:.6em;}
h4{font-size:1.6em;line-height:1.4em;}
ul{list-style:none;}
ol{list-style-type:decimal;list-style-position:inside;}
li{font-size:1.4em;line-height:1.4em;}
p{font-size:1.4em;line-height:1.4em;margin:15px 0;}
span{font-size:1em;line-height:1em;}
small{font-size:1.3em;line-height:1.4em;font-style:italic;display:block;}
em{font-size:1em;line-height:1em;font-style:normal;}
dl{font-size:1.2em;line-height:1.4em;}
dd,dt{font-size:1em;line-height:1em;}
a{font-size:1em;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
/* Goto */
div#go{width:159px;height:151px;float:right;z-index:99;}
div#go a{background:transparent url(/img/go-filipinos.png) no-repeat 0 0;display:block;width:159px;height:151px;text-indent:-9999px;}
div#go a:hover{background:transparent url(/img/go-filipinos.png) no-repeat 0 -160px;}
/* Header */
#header ul{float:left;margin:10px 0 0 10px;z-index:-99;}
#header li{font-size:1.6em;line-height:1.2em;font-style:italic;font-weight:bold;display:block;height:75px;padding-left:15px;float:left;margin-left:10px;}
#header li.active,#header li:hover{background:transparent url(/img/menu-left.png) no-repeat 0 0;}
#header ul a{line-height:4.3em;display:block;height:85px;padding:0 25px 0 10px;text-decoration:none;}
#header li.active a,#header li:hover a{background:transparent url(/img/menu-right.png) repeat-x top right;}
/* Footer */
#footer div{width:975px;margin:0 auto;position:relative;}
#footer ul,#footer p{text-align:center;margin:0 50px 0 0;}
#footer li{display:inline;}
#footer li span{margin:0 5px;}
#footer li.tuopinion{background:transparent url(/img/opinion-bg.png) no-repeat 0 0;display:block;width:122px;height:42px;position:absolute;margin:-30px 0 0 675px;}
#footer li.tuopinion a{line-height:2.8em;font-style:italic;font-weight:bold;text-decoration:none;}
#footer li.tuopinion a:hover{text-decoration:underline;}
#footer li.tuopinion{background:transparent url(/img/opinion-bg.png) no-repeat 0 0;display:block;width:122px;height:42px;position:absolute;margin:-30px 0 0 685px;}
#footer li.tuopinion a{line-height:2.8em;font-style:italic;font-weight:bold;text-decoration:none;}
#footer li.tuopinion a:hover{text-decoration:underline;}
#footer p{margin-top:5px;}
/* Promo and Main Heading */
#cycle{float:left;width:526px;margin-right:25px;}
#promo{float:left;width:460px;}
#promo h2#prot{background:transparent url(/img/protagonista-h2.png) no-repeat 0 0;width:347px;height:214px;text-indent:-9999px;margin-bottom:10px;}
#promo p{font-size:2em;font-style:italic;text-align:center;margin:0 0 25px 0;}
#promo span{font-size:.9em;display:block;}
#promo li{display:block;float:left;}
#promo li a{font-size:1.2em;line-height:4.8em;font-weight:bold;font-style:italic;display:block;width:203px;height:85px;text-align:center;text-decoration:none;}
#promo li a:hover{text-decoration:underline;}
#promo li a#upload{background:transparent url(/img/buttons.png) no-repeat 0 0;}
#promo li a#watch{background:transparent url(/img/buttons.png) no-repeat -203px 0;}
/* Home */
.homepromo{padding-top:15px;}
ul#homelink{background:transparent url(/img/box-top.png) no-repeat 0 0;width:893px;padding-top:20px;margin:35px 0 0 50px;clear:both;}
ul#homelink li{background:transparent url(/img/box-bottom.png) no-repeat 0 100%;display:block;height:auto;padding-bottom:20px;}
ul#homelink li div{background:transparent url(/img/box-middle.png) repeat-y 0 0;min-height:97px;padding:0 35px 0 25px;}
ul#homelink li h2{background:transparent url(/img/filipinos-icon.png) no-repeat 0 0;font-size:1.4em;font-style:italic;font-weight:normal;padding-left:90px;height:97px;margin-left:15px;}
ul#homelink li h2 span{font-size:.8em;line-height:1.1em;}
ul#homelink li h2 span a{color:#fff;display:block;}
ul#homelink li a{text-decoration:none;}
ul#homelink li a:hover{text-decoration:underline;}
.homepromo li a{margin-bottom:35px;}
/* Spot */
#spot{background:transparent url(/img/spot-bg.png) no-repeat 0 0;width:494px;height:371px;padding:15px;margin:0 auto;}
#console{width:486px;margin:20px auto 0 auto;padding:5px 10px;}
a#create{background:transparent url(/img/buttons.png) no-repeat 0 0;font-size:1.6em;line-height:5.2em;font-weight:bold;font-style:italic;display:block;width:203px;height:85px;text-align:center;text-decoration:none;float:left;margin-right:35px;}
a#create:hover{text-decoration:underline;}
#console h3{font-size:1.8em;line-height:1.2em;font-weight:normal;font-style:italic;display:block;float:left;width:240px;margin-top:5px;}
a#back{font-size:1.6em;font-style:italic;float:left;display:block;margin:-25px 0 0 240px;}
.watch{padding-top:10px;}
/* Anuncio */
.app_ver{display:block;margin:0 auto;padding-top:20px;width:830px;}
.form h2{font-size:2.2em;font-style:italic;font-weight:normal;padding:25px 0 0 25px;}
.form form{padding:25px 60px;}
.form fieldset h3{font-size:2em;line-height:2.8em;font-weight:normal;font-style:italic;padding-left:65px;height:57px;}
.form fieldset h3.one{background:transparent url(/img/bullet1.png) no-repeat 0 0;}
.form fieldset h3.two{background:transparent url(/img/bullet2.png) no-repeat 0 0;margin-top:15px;}
.form fieldset h3 span{display:block;font-size:.8em;line-height:1.2em;font-weight:normal;font-style:italic;}
.form small{font-size:1.4em;display:block;margin:60px 0 25px 65px;}
#data{width:48%;float:left;}
#app{width:48%;float:right;}
.form label{font-size:1.5em;font-style:italic;display:block;margin:0 0 5px 65px;}
.form select{background:#fcec98;font-size:1.1em;font-style:italic;border:1px solid #fff;display:block;margin:10px 0 25px 0;}
.form input.input{background:#fcec98;font-size:1.2em;font-style:italic;border:1px solid #fff;display:block;margin:10px 0 25px 0;width:250px;padding:3px 5px;}
.form input.input:focus,form select:focus{background:#ffd801;}
.form a#send{background:transparent url(/img/buttons.png) no-repeat 0 0;font-size:1.6em;line-height:5.2em;font-weight:bold;font-style:italic;display:block;width:203px;height:85px;text-align:center;text-decoration:none;margin:75px 0 15px 60px;}
.form a#send:hover{text-decoration:underline;}
.app{padding-top:25px;}
div#error{background:transparent url(/img/error.png) no-repeat 0 0;padding:0 0 0 60px;height:50px;margin:20px 0 25px 0;}
div#error h4{font-size:1.8em;font-style:italic;font-weight:normal;}
div#error li{font-size:1.4em;font-style:italic;margin:0;list-style-type:disc;margin-left:15px;}
input.error,select.error{background:#d11530 !important;color:#fff !important;}
div#menor{margin:20px 0;}
/* Legal */
.legal{width:80%;margin:0 auto;padding-top:20px;}
.legal h2{font-size:2.6em;font-weight:normal;font-style:italic;margin:0;}
.legal h3{font-size:2em;font-style:italic;font-weight:normal;margin:25px 0 20px 0;}
.legal p{margin:10px 0;font-size:1.6em;font-style:italic;}
.legal a#return{font-size:1.3em !important;display:block;clear:both;font-size:1em;margin-top:25px;}
.legal a#return:hover{text-decoration:none;}
/* Clases */
.clearfix:after,#header:after,#header ul:after,#wrapper:after,#main:after,#promo:after,#promo ul:after,#productbox:after,#details:after,#go:after,#console:after,.form form:after{content:".";display:block;height:0;clear:both;visibility:hidden;}