/* CSS Document Jorge Romera Toribio*/
/*div { border: solid 1px #fabada}*/
/* genericos*******************************************************/
html { margin:0; padding:0}
* { margin:0; padding:0}
body { margin:5px 0 5px 0; padding:0; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#575757; background-color:#fff}
/*background-color:#e7e5dd*/

a  { text-decoration: none; color:#669900}
a:hover  { text-decoration: underline; color:#669900}
a:hover.sinborde {text-decoration: none;}
ul { margin:0; padding:0; list-style:none}
img { border:none; }
h4 { font-size:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}

select, input {font-size:0.9em; color:#000; margin:0 5px 0 5px; padding:0 5px 0 5px;} 
.select_normal {font-size:0.9em; margin:0; padding:0}
.caja_azul_centro select { font-size:0.9em;color:#000; margin:0 0 0 5px; padding:0; }

/* sencillos************************************************************** */
.oc{display:none}
.bullet_azul {  padding:0 5px 0 0; vertical-align:middle}
.imgizq { margin:0 8px 0 0; padding:1px;  float:left; border: 1px solid #999 }
.imgder { margin:0 0 0 8px; padding:1px;  float:right; border: 1px solid #999 }
.bold { font-weight:bold;}
.sinmayusculas { text-transform:none}
.centrar { margin:10px auto 0 auto; width:200px; padding: 5px 0 8px 0; text-align:center; }
.centrar img {padding:1px; border: 1px solid #999999}
.gris { color:#666; }
.gris_8 { color:#999; font-size:0.8em;}
.gris_ayuda {color:#999; font-size:0.9em; text-transform:none; font-weight:normal; margin: 0 0 0 20px; padding: 5px 0 5px 30px; background: url(../imagenes/ayuda.gif) no-repeat; display:block  }
.alerta { color:#FF0000}
.bold_gris {color:#666; font-weight:bold}
.mensaje_ok, .mensaje_no_ok { width:90%; border:1px #000 solid ; background-color:#F9FDFF; padding:5px; margin-top:5px; margin:auto; margin-bottom:5px}
.mensaje_no_ok { border:1px #FF0000 solid; background-color:#FEF1C5}
html img.sinborde { border:none}
a.boton_link  { background: url(../imagenes/boton_link.gif) no-repeat; text-decoration:none; padding:2px 20px 5px 10px; }
a.boton_link:hover {background:url(../imagenes/boton_link_on.gif) no-repeat; text-decoration:none; padding:2px 20px 5px 10px}
.radiobutton { border:0; margin:0 10px 0 0; padding:0}
.check { border:0; margin:0 5px 0 5px; padding:15px 0 0 0}
.cb { clear:both}
.fondo_gris { background-color:#F9F9F9}
.miio { padding-bottom:10px; margin-bottom:10px}
/****************************************ESTRUCTURAS***********************************/

#contenedor { margin:0 auto; padding:0; width:786px; background-color:#fff;}
#menu_principal { width:90%; margin:0 auto; padding:10px 0 0 0; height:30px; text-align:center}
#cabecera_admin { width:100%; height:69px; border:0; margin:0; padding:0; color:#000; float:left; 
background: url(../imagenes/cabecera_reydelapista.gif) repeat-x; border-bottom: solid 2px #d1d9e0;}
#cabecera{ width:770px; border:0; margin:0 0 20px 0; padding:8px; float:left; }
/*#cabecera{ width:770px; border:0; margin:0 0 20px 0; padding:8px; float:left; background: url(http://www.jorgeromera.com/imagenes/cabecera.gif) white top center  no-repeat; height:160px }*/
#cabecera img { float:left}
#cuerpo { width:746px; margin:0; padding:0 20px 0 20px; background:#fff; float:left ;}
#pie { width:100%; margin:30px 0 0 0; padding:30px 0 0 0; clear:both;   height:41px;   }



/**************************************menu principal********************************************************/


#menu_principal ul {  list-style-type: none;  display: inline; font-size:1.2em}
#menu_principal ul li {margin:0;  padding:0 12px 0 8px; display: inline; border-right:1px solid #000000; color:#000; }
#menu_principal  a {  text-decoration:none }
#menu_principal  a:hover { text-decoration:underline; display:inline } 



/******************************bloques**************************************************/
.bloque_izq { width:340px; float:left; color:#575757}
.bloque_cent { margin: 37px 33px 0 31px; border-left:1px #CCCCCC solid; width:1px; float:left; height:500px}
.bloque_der { width:340px; float:left; color:#949593 }
.bloque_der h2 { padding-bottom: 15px }

.bloque_der h3, .bloque_izq h3 { padding-bottom: 10px; font-size:1.5em;  color:#000; clear:both }
#camino{  padding:0 0 1px 8px; background-color:#eee; color:#000; text-transform:capitalize; border-right: solid 2px #d1d9e0; border-left: solid 2px #d1d9e0;}
#camino a {font-weight:bold}

/*cajas de la izquierda ******************************************************/
.caja {width:340px; border-bottom: 1px dotted #CCCCCC;  margin-bottom:15px }
.caja_imagen {width:88px; float:left; padding-top:30px}
.bloque_izq .caja_texto {width:252px; float:left ; height: 95px}
.bloque_izq .caja_texto h2 { padding-bottom:10px;}
.bloque_izq .caja_texto h3 { font: normal 11px Verdana, Arial, Helvetica; float:left; color:#575757}

/*cajas en articulos ******************************************************/
.articulos { color:#575757}
.articulos h3 { margin-bottom:20px }
.articulos p{  padding:0 0 12px 0}
.articulos ul { padding: 10px 0 10px 20px;  }
.articulos ul li { padding: 0 0 5px 8px; background:url(../imagenes/bullet_flechaazul.gif) no-repeat 0 5px }
.cuadro { width:30px; float:left; border-right:1px solid #999; padding: 0 10px 0 0; color:#999; margin-right:10px; font-size:1.2em; font-weight:bold}
#caja_articulo .bloque_izq {width:540px; }
.bloque_izq h2{ padding: 0 0 20px 0; font-size:1.4em; color:#000;  font-weight:bold; font-family: Helvetica, sans-serif; clear:both }
#caja_articulo .bloque_izq h4{  font-size:1.3em; color:#bc4b14; padding-bottom: 30px; }
#caja_articulo .bloque_izq h4 a{ padding: 10px 0 10px 15px; }
#caja_articulo .bloque_der {width:164px;}
#caja_articulo .bloque_cent { margin: 37px 20px 0 20px;}
#caja_articulo .bloque_izq img { vertical-align:middle; padding-top: 0px }
#caja_articulo img { vertical-align:middle; padding-top: 0px }
/*cajas en proyectos ******************************************************/
#caja_proyectos .caja { width:100%;}
#caja_proyectos .caja_texto { width:385px; font-family:Verdana, Arial, Helvetica, sans-serif;  font-weight:normal; padding:0 0 0 5px; }
#caja_proyectos .caja_texto p{ font-size:0.9em;}
#caja_proyectos .caja_texto a { color:#bc4b14; font-size:0.9em; text-transform:capitalize}
#caja_proyectos .caja_imagen { padding:0 0 10px 0; width:150px}
#caja_proyectos .link ul li{ padding: 10px 0 0 20px}
#caja_proyectos .link ul li a { color: #bc4b14;}

#caja_proyectos .bloque_izq {width:540px; }
#caja_proyectos .bloque_izq h2{ padding: 0 0 20px 0; font-size:1.4em; color:#bc4b14 }
#caja_proyectos .bloque_der {width:164px;}
#caja_proyectos .bloque_cent { margin: 37px 20px 0 20px;}
#caja_proyectos .bloque_izq img { vertical-align:middle;  }
/*Tags ******************************************************/
.tags { margin:15px 0 30px 0; }
/*archivo ******************************************************/
.archivo { margin:20px 0 0 0}
.archivo ul li { padding-bottom:5px}
/*nube ******************************************************/
.nube{

   text-align: center;
}
.nube div.etiquetas{
   font-family: verdana,arial,helvetica;
   font-size:8pt;
   padding:5px;
}
.nube div.etiquetas span{
   float: left;
   margin: 0 10px 0 10px;
   height: 20pt;
   white-space: nowrap;
}
.nube div.etiquetas span.etiquetatam1{
   font-size: 110%;   
}
.nube div.etiquetas span.etiquetatam2{
   font-size: 120%;   
}
.nube div.etiquetas span.etiquetatam3{
   font-size: 130%;   
}
div.etiquetas span.etiquetatam4{
   font-size: 140%;   
}
.nube div.etiquetas span.etiquetatam5{
   font-size: 150%;   
}
.nube div.etiquetas span.etiquetatam6{
   font-size: 160%;   
}
.nube div.etiquetas span.etiquetatam7{
   font-size: 170%;   
}
.nube div.etiquetas span.etiquetatam8{
   font-size: 180%;   
}
.nube div.etiquetas span.etiquetatam9{
   font-size: 190%;   
}
.nube div.etiquetas span.etiquetatam10{
   font-size: 200%;   
}

.paginacion { margin:20px 0 0 0; padding:0 0 5px 0; text-align:center; width:100%; color:#bc4b14; }
.pagina {font-weight:bold;}