/*css portada temas */
/*---------------------oo----------------------------*/

/*estructura*/
#main {width:967px; margin:0 auto 12px;}
#cont-left {width:720px; float:left; background-color:#FFF; border:1px solid #b1b2b1;}
#cont-right {width:228px; float:right;} 
.col665 {width:665px; margin:20px auto;}
.separa-rot {clear:both; width:100%; height:25px; margin:0;}

/*---------------------oo----------------------------*/

.migas {margin:8px 0 0 25px; padding:0; font-size:11px; color:#FCFCFC;}
.migas strong {font-size:11px; font-weight:normal; color:#FCFCFC;}
.migas a {color:#0099ff;}
.migas p {display:inline; margin:0; color:#FCFCFC;}
/**/
.vermas {margin:10px 0 0; text-align:right;}
.vermas a {font-size:10px; color:#0066cc; padding:7px; background-color:#e5eef6; line-height:18px;}

/*---------------------oo----------------------------*/
/*colores de fondo rotulo portada*/
#cont-left .backrojo {width:720px; background-color:#9b0204;}
#cont-left .backrojo .migas a {color:#f34f4f;}
#cont-left .backazul {width:720px; background-color:#07325f;}
#cont-left .backverde {width:720px; background-color:#346c09;}
#cont-left .backverde .migas a {color:#98d75a;}
#cont-left .backamar {width:720px; background-color:#ffc706;}
#cont-left .backamar .migas {color:#333300;}
#cont-left .backamar .migas a {color:#262604;}
#cont-left .backamar .migas p, #cont-left .backamar .fecha-actualizacion, #cont-left .backamar .fecha-actualizacion strong {color:#333300;}
#cont-left .backgris {width:720px; background-color:#9b9b9b;}
#cont-left .backgris .migas a {color:#333;}
#cont-left .backnaran {width:720px; background-color:#f86903;}
#cont-left .backnaran .migas a {color:#fecc85;}
#cont-left .backceles {width:720px; background-color:#2f9fd1;}
#cont-left .backceles .migas a {color:#c2edfc;}
#cont-left .backmora {width:720px; background-color:#623361;}
#cont-left .backmora .migas a {color:#f5b0f5;}
#cont-left .backceles2 {width:720px; background-color:#1b92b4;}
#cont-left .backgris {width:720px; background-color:#666666;}
#cont-left .backgris .migas a {color:#fcfcfc;}

/* rotulos */
.rot-uno {width:530px; float:left;}
.rot-uno .rotulo {margin:5px 0 10px 25px; padding:0; font-size:30px; color:#FCFCFC;}
.rot-gene {font-size:18px; font-weight:normal; color:#333; border-bottom:1px solid #e7e7e7; margin:0; padding:0 0 5px; }
.rot-gene a {font-size:18px; font-weight:normal; color:#333;}

.fecha-actualizacion {width:150px; float:right; font-size:11px; color:#CCC; font-style:italic; margin:10px 0 0 0; padding:0;}
.fecha-actualizacion strong {color:#fcfcfc; font-weight:normal;}
/**/

/*---------------------oo----------------------------*/

/*ÁREA DOS*/
.area-tres {background-color:#f7f7f7; margin:0 0 25px;}
.area-tres .auxi {margin:14px;}
.area-tres .auxi .auxi-left {float:left; width:68%; padding:0;}
.area-tres .auxi .auxi-right {float:right; width:27%; border-left:1px solid #e5e5e5; padding:0 0 0 10px;}
.area-tres .foto {float:left; margin:0 15px 0 0;}
.area-tres .auxi-right a {display:block; font-size:11px; font-weight:bold; color:#1b92b3; margin:0 0 8px; padding:0 0 0 13px; background:url(/prontus_junaeb/imag/auxi/bullet_gris.gif) no-repeat 0 5px; }
#cont-left h1, h1 a {font-size:12px; color:#1b92b3;}
#cont-left h2, #cont-left h2 p {font-size:12px; color:#636363; font-weight:normal; line-height:16px;} 
/*----oo----*/

/*ÁREA TRES*/
.area-cuatro {margin:0 0 25px; padding:0 0 14px;}
.area-cuatro .auxi {margin:0 0 14px; padding:14px; background-color:#f7f7f7;}
.area-cuatro .auxi-tab {margin:14px; padding:0; background-color:#FFF;}
.area-cuatro .auxi .auxi-left {float:left; width:135px; padding:0;}
.area-cuatro .auxi .auxi-center {float:left; width:245px; padding:0;}
.area-cuatro .auxi .auxi-right {float:right; width:245px; border-left:1px solid #e5e5e5; padding:0 0 0 10px;}
.area-cuatro .foto {padding:0; margin:0;}
.area-cuatro .auxi .auxi-center a, .area-cuatro .auxi-right a {display:block; font-size:11px; font-weight:bold; color:#1b92b3; margin:0 0 6px; padding:0 0 0 13px; background:url(/prontus_junaeb/imag/auxi/bullet_gris.gif) no-repeat 0 5px;}


.rot-gene a:hover, #cont-left h1 a:hover, #cont-left a:hover, #cont-left .area-cinco h1 a:hover, #cont-left h1.azul a:hover {text-decoration:underline;}
/*----oo----*/

/*VOLVER*/
.backazul .volver {float:right; clear:both; font-size:11px; color:#FCFCFC; margin:5px 15px 0 0;}
.backazul .volver a {font-size:11px; color:#FCFCFC;}
.backazul .volver a:hover {text-decoration:underline;}
/**/
.backgris .volver {float:right; clear:both; font-size:11px; color:#CCC; margin:5px 15px 0 0;}
.backgris .volver a {font-size:11px; color:#CCC;}
.backgris .volver a:hover {text-decoration:underline;}
/**/
.backverde .volver {float:right; clear:both; font-size:11px; color:#CCC; margin:5px 15px 0 0;}
.backverde .volver a {font-size:11px; color:#CCC;}
.backverde .volver a:hover {text-decoration:underline;}
/**/
.backrojo .volver {float:right; clear:both; font-size:11px; color:#CCC; margin:5px 15px 0 0;}
.backrojo .volver a {font-size:11px; color:#CCC;}
.backrojo .volver a:hover {text-decoration:underline;}
/**/
.backamar .volver {float:right; clear:both; font-size:11px; color:#333300; margin:5px 15px 0 0;}
.backamar .volver a {font-size:11px; color:#333300;}
.backamar .volver a:hover {text-decoration:underline;}
/**/
.backnaran .volver {float:right; clear:both; font-size:11px; color:#CCC; margin:5px 15px 0 0;}
.backnaran .volver a {font-size:11px; color:#CCC;}
.backnaran .volver a:hover {text-decoration:underline;}
/**/
.backceles .volver {float:right; clear:both; font-size:11px; color:#FCFCFC; margin:5px 15px 0 0;}
.backceles .volver a {font-size:11px; color:#FCFCFC;}
.backceles .volver a:hover {text-decoration:underline;}
/**/
.backmora .volver {float:right; clear:both; font-size:11px; color:#FCFCFC; margin:5px 15px 0 0;}
.backmora .volver a {font-size:11px; color:#FCFCFC;}
.backmora .volver a:hover {text-decoration:underline;}

/*FIN*/