/* CSS Document */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html{font-size:100%; /*16px*/}
body{color:#000;font-family:Georgia, serif;width:100%;}
body{background:url(../img/bgbodyhistoria.gif) repeat-x;background-position:center top;}
#content{width:1024px;margin:0 auto;}
#mainheader{height:100px;overflow:hidden;background:url('../img/bgheaderhistoria.jpg') no-repeat;background-position:left center;}
.logos{float:right;width:29.296875%;height:100px;margin-top:10px;}
#logo-cajasur{width:71px;height:100px;float:left;background:url('../img/logo-cajasur.png') no-repeat;background-position:left top;}
#logo-ayto{width:100%;height:50px;float:none;background:url('../img/logo-ayto-ficha.png') no-repeat;background-position:right center;}
#logo-diario{width:100%;height:50px;float:none;background:url('../img/logo-diario-ficha.png') no-repeat;background-position:right top;}
.textooculto{text-indent:-9999px;}
#mainnav{width:79%; /*755px*/margin:0 auto;height:38px;margin-top:10px;}
#mainnav ul li{display:inline;text-align:center;}
#mainnav li a{text-decoration:none;text-transform:uppercase;font: 0.875em Georgia, Verdana, sans-serif;color:#000;padding:10px;}  
#mainnav li a:hover{text-decoration:none;background:#039BA9;color:#FFF;}
#mainnav li a.selected{text-decoration:none;text-transform:uppercase;font: 0.875em Georgia, Verdana, sans-serif;color:#FFF;background:#039BA9;padding:10px;}
#main{margin:40px 0;width:100%;overflow:hidden;}


h1{font: 2.25em Georgia, Verdana, sans-serif;color:#039BA9;text-align:center;}
h2{font: 1.1em Georgia, Verdana, sans-serif;text-align:center;}
.video{margin:40px auto 0;border-bottom:1px solid #D9D9D9;padding-bottom:40px;text-align:center;position: relative;width: 100%;height: 481px;}
iframe {height: 100%;left: 0;position: absolute;top: 0;width: 100%;} 
article{float:none;margin:40px 0;clear:both;}
.infoautor{display:block;margin:0 0 35px 0;background:url('../img/bloguero1.jpg') no-repeat;background-position:left top;min-height:70px;}
.infoautor2{display:block;margin:0 0 35px 0;background:url('../img/bloguero2.jpg') no-repeat;background-position:left top;min-height:70px;}
article header h1{color:#039BA9;font:2.7em Georgia, Verdana, sans-serif;width:18.554687%;text-align:center;float:left;line-height:0.8em;margin-left:18.554687%;}
article header h1.little{font:2em Georgia, Verdana, sans-serif;}
article header h2{color:#000;font:1em Georgia, Verdana, sans-serif;width:62.890625%;text-align:left;float:left;}
article header h2.little{line-height:1.5em;}
article h1{}
article h2{}
article h3{color:#666666;font-style: italic;font:1em Georgia, Verdana, sans-serif;margin-bottom:30px;text-align:center;} 
article .left,.right{width:47.363281%;float:left;margin-right:5%; }
article .right{margin-right:0;margin-bottom:30px;}
article .right img{max-width:100%;float:right;}  
article .full{width:100%;clear:both;}   
article p{font:0.9em Georgia, Verdana, sans-serif;line-height:1.3em;margin-bottom:15px;}
article p a{color:#039BA9;text-decoration:none;font-weight:bold;}
#enlaces h2{color:#039BA9;font:3em Georgia, Verdana, sans-serif;width:100%;margin-bottom:20px;}
#enlaces h2 span{color:#000;font:0.35em Georgia, Verdana, sans-serif;}
article .enlace{background: url('../img/liststyle.gif') no-repeat;background-position:10px 5px;margin:0 0 20px 0;}
article .enlace a{color:#000;text-decoration:none;padding-left:20px;}
article .enlace a:hover{text-decoration:underline;}

#anclas{background: url('../img/bgenlaceshistoria.gif') repeat-x;height:152px;width:100%;}
#anclas article{width:33%;display:inline-block;text-align:center;}
#anclas article h1{font:1em Georgia, Verdana, sans-serif;margin:15px 0 5px 0; }
#anclas article h2{font:0.8em Georgia, Verdana, sans-serif; color:#666666;}
#anclas article h1 a{color:#039BA9;text-decoration:none;}
#anclas article h1 a:hover{text-decoration:underline;}


#mainfooter{width:100%;margin-bottom:20px;text-align:right;font: 0.6em Arial, Verdana, sans-serif;color:#C4930D;}
#mainfooter a{color:#C4930D;text-decoration:none;}
#mainfooter a:hover{text-decoration:underline;}