/*capa principal*/
.break{
clear:both;
}
body{
background:#B39848;
/*background:#FFFFFF url(../img/bk.gif) repeat; */
font: normal .8em Verdana, Geneva, Arial, Helvetica, sans-serif; 
color:#666666; 
margin:0px;
padding:0px;
text-align:center;
}
#contenedor{
width: 700px;
height:500px;
margin:0px auto;
text-align:center;
background:#c0c0c0;
}
/*----*/
#cabecera{
width:700px;
height:75px;
margin:0px auto;
text-align:center;
}
#centro{
width:700px;
margin:0px auto;
text-align:center;
background:#c0c0c0;
}
#contenido h6{
width:520px;
font: normal .8em verdana;
color:#6e2a2a;
text-align:justify;
margin:0px auto;
background:url('res/img/resum.gif') no-repeat left middle;
padding-left:20px;
padding-right:10px;
clear:both;
}
#pie{
width:700px;
height:45px;
background:#000;
}
#pie .img1{
float:left;
}
#pie .img2{
float:right;
}
#img1{
width:150px;
height:75px;
margin:0px auto;
float:left;
}
#img2{
width:400px;
height:75px;
margin:0px auto;
float:left;
}
#img3{
width:150px;
height:75px;
margin:0px auto;
float:right;
}
#menu_nav{
margin:0px auto;
float:right;
width: 170px;
border:2px dashed #c0c0c0;
margin-top:15px;
padding-top:10px;
background:#c0c0c0;
}
#menu_nav h2{
width:168px;
background:url('res/img/flechai.gif') no-repeat;
text-align:left;
padding-left:20px;
font:bold .9em sans;
}
#menu_nav h2 a:link,#menu_nav h2 a:visited,#menu_nav h2 a:active{
text-decoration:none;
color:#9D4F4F;
}
#menu_nav h2 a:hover{
color:#013A65;
}
#menu_nav h3{
width:150px;
background:url('res/img/flechad.gif') no-repeat;
text-align:left;
margin-left:10px;
padding-left:20px;
font:normal .7em sans;
margin-top:5px;
}
#menu_nav h3 a:link,#menu_nav h3 a:visited,#menu_nav h3 a:active{
text-decoration:none;
color:#799D0B;
}
#menu_nav h3 a:hover{
color:#FFFFFF;
}
#menu_nav p{
font: normal .8em verdana;
color:#6e2a2a;
text-align:justify;
margin-left:2px;
margin-right:2px;
}
#contenido{
float:left;
width:520px;
font: bold .9em Arial,Verdana,Georgia,sans-serif;
margin:0px auto;
text-align:center;
background:#c0c0c0;
}
#contenido h1{
float:left;
margin:0px auto;
font: bold 1.2em Arial,Verdana,Georgia,sans-serif;
color:#4642a1;
text-align:left;
background:url('res/img/materias.gif') no-repeat transparent left middle;
padding-left:20px;
margin-top:4px;
margin-left:4px;
margin-bottom:4px;
}
#contenido h2{
margin:0px auto;
font: italic .9em Arial,Verdana,Georgia,sans-serif;
color:#000;
float:right;
margin-top:4px;
padding-top:6px;
margin-bottom:4px;
}
.cotilleo{
text-align:center;
width: 520px;
height:350px;
background:#7f9a9b;
margin:0px auto;
border:1px dashed grey;
margin-left:5px;
overflow:auto;
}
.votaciones{
text-align:center;
width: 520px;
height:350px;
background:#7f9a9b;
margin:0px auto;
border:1px dashed grey;
margin-left:5px;
overflow:auto;
}
.cotilleo h3{
font: bold 1em Arial,Verdana,Georgia,sans-serif;
color:#800000;
float:left;
margin-left:5px;
margin-top:15px;
}
.cotilleo h4{
font: italic .9em Arial,Verdana,Georgia,sans-serif;
color:black;
color:#800000;
margin-right:5px;
float:right;
margin-top:15px;
}
.cotilleo p{
font: normal .9em Arial;
color:black;
text-align:justify;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:0px;
}
.cotilleo img{
margin:0px auto;
width:25px;
height:25px;
float:left;
margin-top:10px;
}
.votaciones img{
margin:0px auto;
width:50px;
height:50px;
float:left;
margin-top:10px;
}
.votaciones h3{
font: normal .8em Arial,Verdana,Georgia,sans-serif;
color:#000;
margin:0px auto;
width:420px;
float:left;
margin-top:10px;
text-align:justify;
padding-left:7px;
padding-right:7px;
}
.votaciones h3 a:link, .votaciones h3 a:visited,.votaciones h3 a:active{
text-decoration:none;
color:#000;
}
.votaciones h3 a:hover{
color:#fff;
}
.cotilleo h1 img{
width:250px;
height:175px;
float:left;
margin-top:2px;
margin-left:2px;
}
.cotilleo img a:link,.cotilleo img a:visited,.cotilleo img a:active{
border:0px;
}
.cotilleo h5{
font: normal .8em Arial,Verdana,Georgia,sans-serif;
color:black;
margin-right:5px;
float:right;
margin-top:10px;
}
.cotilleo a:link, .cotilleo a:active, .cotilleo a:visited{
text-decoration:none;
}
.cotilleo a:hover{
color:red;
}
.cotilleo .imagen{
width:170px;
height:105px;
margin:0px auto;
text-align:center;
float:left;
}
.cotilleo .imagen img{
margin:0px auto;
margin-left:22px;
margin-right:22px;
margin-top:10px;
margin-bottom:0px;
text-align:center;
width:125px;
height:75px;
}
.cotilleo .imagen p{
clear:both;
margin-left:10px;
margin-right:10px;
padding-top:4px;
padding-bottom:2px;
text-align:center;
width:150px;
height:20px;
}
.cotilleo .conte{
margin-top:6px;
margin-bottom:6px;
float:left;
text-align:left;
margin-left:15px;
}
.cotilleo .conte a:link,.cotilleo .conte a:active, .cotilleo .conte a:visited{
font: normal 1em tahoma;
text-decoration:none;
color:#150ce2;
padding:2px;
}
.cotilleo .conte a:hover{
color:#2b1e65;
padding:2px;
border-top:1px dashed #e2a50c;
border-bottom:1px dashed #e2a50c;
}
.cotilleo .foto_uno{
float:left;
width:320px;
height:250px;
margin:0px auto;
text-align:center;
}
.cotilleo .foto_uno img{
margin-left:20px;
width:300px;
height:250px;
}
.cotilleo .foto_dos{
float:right;
width:175px;
height:250px;
margin:0px auto;
text-align:center;
}
.cotilleo .foto_dos h3{
width:175px;
margin:0px auto;
margin-top:4px;
text-align:center;
font:bold 1em tahoma;
color:#FFC58A;
}
.cotilleo .foto_dos h4{
width:175px;
margin:0px auto;
margin-top:4px;
text-align:left;
font:normal 1em tahoma;
color:#FFC58A;
}
.cotilleo .foto_dos img{
margin-left:5px;
margin-right:5px;
width:150px;
height:75px;
}
.cotilleo .frase{
margin-top:6px;
width:500px;
text-align:left;
font:normal 1em tahoma;
color:#FCE0AD;
}
.cotilleo .uno p{
float:right;
width:200px;
height:100px;
}
.cotilleo .uno img{
float:right;
width:200px;
height:100px;
}
#contenido h5{
float:left;
text-align:left;
margin:0px auto;
padding-top:4px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
}
#contenido h5 a:link,#contenido h5 a:active,#contenido h5 a:visited{
text-decoration:none;
color:#D5402B;
}
#contenido h5 a:hover{
color:#000040;
}

#formulario{
width:400px;
height:300px;
margin:0px auto;
background:#D2EFD1;
}
#formulario p{
margin:2px auto;
margin-bottom:3px;
margin-top:3px;
padding:0px;
padding-top:0px;
padding-bottom:0px;
text-align:left;
}
label{
width:100px;
text-align:right;
float:left;
padding-right:5px;
}
fieldset{
border:0px;
}
.l{
width:100%;
margin:0px auto;
font: bold .8em Arial;
color:#C46200;
}
.r{
width:60%;
margin:0px auto;
padding:6px;
margin-top:5px;
margin-left:30px;
font: bold .8em Tahoma;
color:#05528F;
}
input{
border:1px solid #000000;
color:#804000;
background:#DDF7FB;
font: normal .9em Tahoma;
}
textarea{
border:1px solid #000000;
color:#804000;
background:#DDF7FB;
font: normal .9em Tahoma;
}
.boton{
background:#c0c0c0;
border:1px solid #000;
font: bold .9em verdana;
color:#000000;
}
#articulo{
width:500px;
height:400px;
overflow:auto;
}
#articulo h1{
float:left;
margin:0px auto;
font: bold 1.6em Arial,Verdana,Georgia,sans-serif;
color:#4642a1;
text-align:left;
background:url('res/img/materias.gif') no-repeat transparent left middle;
padding-left:20px;
margin-top:4px;
margin-left:4px;
margin-bottom:4px;
}
#articulo h2{
margin:0px auto;
font: italic .9em Arial,Verdana,Georgia,sans-serif;
color:#000;
float:right;
margin-top:4px;
padding-top:6px;
margin-bottom:4px;
}
#articulo p{
margin:0px auto;
margin-left:5px;
margin-right:5px;
font: normal .9em Arial,Verdana,Georgia,sans-serif;
color:#165F76;
text-align:justify;
}
#articulo img{
float:left;
width:125px;
height:75px;
}
.encuesta{
text-align:center;
width: 520px;
height:350px;
background:#7f9a9b;
margin:0px auto;
border:1px dashed grey;
margin-left:5px;
overflow:auto;
padding-top:20px;
}
.encuesta .enc{
float:left;
margin:0px auto;
margin-left:15px;
margin-top:5px;
padding-left:20px;
background:url('res/img/encuesta.gif') no-repeat left middle;
}
.encuesta .enc .uno{
width:150px;
float:left;
z-index:1;
font: normal .9em Arial,Verdana,Georgia,sans-serif;
color:#05347A;
}
.encuesta .enc .dos{
width:100px;
float:left;
font: normal .9em Arial,Verdana,Georgia,sans-serif;
color:#05347A;
z-index:2;
}
.encuesta .enc .tres{
width:50px;
float:left;
z-index:3;
}
#ver_encuesta{
width:400px;
height:250px;
overflow:auto;
}
#ver_encuesta h1{
font: bold .8em verdana;
color:#027EAE;
text-align:center;
text-transform:uppercase;
margin-top:8px;
}
#ver_encuesta .linea{
width:400px;
margin-top:6px;
margin-bottom:6px;
}
#ver_encuesta .linea .uno{
width:100px;
font: normal .9em arial;
color:#CBC772;
text-align:right;
}
#ver_encuesta .linea .dos{
width:200px;
font: normal .7em arial;
color:#CBC772;
text-align:left;
}
#ver_encuesta .linea .tres{
width:100px;
font: normal .9em arial;
color:#CBC772;
text-align:left;
}
#formulario4{
width:300px;
height:250px;
}
#formulario4 legend{
font: bold 1em verdana;
color:#027EAE;
text-align:center;
text-transform:uppercase;
margin-top:8px;
}
#formulario4 .l label{
font: bold 1em verdana;
color:#CBC772;
text-align:right;
text-transform:uppercase;
}
#formulario4 .l input{
font: bold 1em verdana;
color:#CBC772;
text-align:right;
text-transform:uppercase;
background:#B39848;
border:0px;
}