/*  
    estilos.css
    CSS Document.
    http://www.openpopuli.com
    Julio 2008
*/

* {
font-family: Verdana,  Arial, Helvetica, sans-serif;
}

body{
background-color: #FFFFFF;
font:normal 12px/18px Arial, Helvetica, sans-serif;
margin:0; padding:0;
}
	
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
margin:0; padding:0;
}

ul{
list-style:none;
}


.spacer{
font-size:0; 
line-height:0; 
clear:both;
}




#cabecera{
margin:auto;
border-top: solid 3px #0080a3;
width:990px;
padding-top:10px;
}

#cabecera table{
border:none;
}

#cabecera table tr{}

#cabecera table tr td{
vertical-align:bottom;
line-height:1em;
}

img#banner{
width:990px; 
margin-top:0px;
}

#cabecera a{
text-decoration: none;
font-size:0.8em;
}

#cabecera a:link{
color: #0084a8;
padding-bottom: 1px;
}

#cabecera #logotipo{
float:left;
width:350px;
margin-bottom:0px;
}

#cabecera #contacto{
float:right;
text-align: right;
margin-bottom:0px;
}

.clear-both{
clear:both;
font-size:0; 
line-height:0;
}



/* ----- inicio css del menu principal ------ */
#topNav{
width:990px; 
height:30px; 
margin:0 auto;
background:url(../images/top_nav_bg.gif) no-repeat 0 0 #FFFFFF; 
color:#000000;
text-align:center;
}

#topNav ul{
width:900px; margin:0 auto; 
}

#topNav ul li{
float:left; margin:0 1px 0 0 ;}
	
#topNav ul li a{
font:bold 11px/29px Arial, Helvetica, sans-serif; 
color:#464646;
background:url(../images/top_nav_btn_bg.gif) repeat-x 0 0 #FFFFFF;
padding:0 12px; 
display:block; 
text-decoration:none;
}
	
#topNav ul li a:hover{
font:bold 11px/27px Arial, Helvetica, sans-serif; color:#0080a3;
background-color:#FFFFFF; 
background-image:none;
border-top:#DADADA 1px solid;
border-right:#DADADA 1px solid; 
border-left:#DADADA 1px solid;
padding:0 11px; 
margin:2px 0 0 0; 
display:block; 
text-decoration:none;
}
	
#topNav ul li a.hover{
font:bold 11px/27px Arial, Helvetica, sans-serif; 
color:#0080a3;
background-color:#FFFFFF;
background-image:none;
border-top:#DADADA 1px solid; 
border-right:#DADADA 1px solid; 
border-left:#DADADA 1px solid;
padding:0 11px; 
margin:2px 0 0 0; 
display:block; 
text-decoration:none;}
/* ----- fin del css del menu principal ------ */



/*  ----- css del menu de segundo nivel  -----*/
#miniflex {
width: 90%;
float: left;
font-size: small;
margin: 0 0 20px 0;
padding: 0 10px 0 10px;
border-bottom: 1px solid #0080a3;
}

#miniflex li {
float: left;
margin: 0; 
padding: 0;
display: inline;
list-style: none;
}
	
#miniflex a:link, #miniflex a:visited {
float: left;
font-size: 85%;
line-height: 20px;
font-weight: bold;
margin: 0 10px 0 10px;
text-decoration: none;
color: #999;
background-color:#ffffff;
}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
border-bottom: 4px solid #0080a3;
padding-bottom: 2px;
color: #333;
background-color:#ffffff;
}
/*  -----  fin del css del menu de segundo nivel  -----   */



/* ----- inicio css del div container  #body ------ */
#body{
width:988px; 
margin:0 auto; 
padding:24px 0 49px 0;
}
/* ----- fin css del div container  #body ------ */



/* ----- inicio css del div #left ------ */
.left{
width:700px; float:left; 
padding:0 10px 0 10px; 
border-right: solid 1px #dadada;
margin-top:15px;
font-family: Verdana,  Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
font-size:12px !important;
}
	
.left a:link{color:#0084a8;}
.left a:visited{color:#5A2922; text-decoration:underline;}
.left a:hover{color:#000000; background-color:#a8d9e6;}
.left a:active{color:#000000; background-color:#a8d9e6;}

/*  css para los links de las "UL LI"  */
.left ul li a:link{color:#0084a8;}
.left ul li a:visited{color:#5A2922;}
.left ul li a:hover{color:#000000; background-color:#a8d9e6;}
.left ul li a:active{}


/*  css para los links de las "UL LI" con documentos PDF    */
.left ul li.pdf{
color:#0084a8;
list-style-image: url("../images/pdf_icon_mini.gif");
}

/*  css para los links etiquetados como "externo"   */
a.externo:link, a.externo:visited, a.externo:hover, a.externo:active{
background: url("../images/icono-link-externo.png") left no-repeat;
padding-left:12px;
font-size:14px; 
}

.left img{
border:none;
}

.left h2{
font:bold 16px/18px Arial, Helvetica, sans-serif; 
color:#0080a3;
background-color:#FFFFFF; 
padding:0 0 0 0; 
float:left; 
margin-bottom:5px;
}
	
.left h2 span{
font:bold 20px  Arial, Helvetica, sans-serif; 
color:#004593;
background-color:#FFFFFF; 
height:25px;
}
	
.left span.dot{
background:url(../images/dot_line.gif) repeat-x 0 18px #FFFFFF;
height:25px; 
width:320px; 
display:block; 
float:left; 
color:#000000;
}
	
.left p{
font:normal 14px/18px Arial, Helvetica, sans-serif; 
color:#464646; 
background-color:#FFFFFF; 
padding:0 0 12px 0; 
text-align:justify;
}
	
.left p span{
font:normal 12px/18px Arial, Helvetica, sans-serif; 
color:#363636; 
background-color:#FFF9E5;
}

/* ----- fin del css del div #left  ----- */



/* ----- inicio del pannel #right   incluido en el sidebar ----- */
.right{
width:220px; 
float:left; 
margin-left:20px;
}
	
.rigth img#webcam {
border: solid 1px #7EA5B1;
}	
	
.right h2{
font:bold 16px/28px Arial, Helvetica, sans-serif; 
color:#015670;
background-color:#FFFFFF; 
height:25px; padding:0 0 0 0; 
float:left;
border-bottom: 1px solid #0080A3; 
width:240px;
margin-bottom: 5px;
}
	
img.rss{
float:right; 
border:none;
}
	
.right h2 span{
font:bold 20px/25px  Arial, Helvetica, sans-serif; 
color:#548311;
background-color:#FFFFFF; 
height:25px;
}

.right h3{
font:12px/12px Arial, Helvetica, sans-serif; 
color:#26393F;
background-color:#FFFFFF; 
margin-top: -5px; 
padding:0 0 5px 0px; 
float:left;
}

.right span.dot{
background:url(../images/dot_line.gif) repeat-x 0 18px #FFFFFF;
height:25px; 
width:90px; 
display:block; 
float:left; 
color:#000000;
}

.right ul{	
padding:7px 0 0 16px;
}
	
.right ul li {
margin-left:-15px; 
margin-bottom:5px;
}

.right ul li strong {
color:#459CD7;
}
	
.right ul li a{
font: 12px/1.5em Arial, Helvetica, sans-serif; 
color:#535353;
padding:0 0 0 12px; 
display:block; 
text-decoration:none;
background:url(../images/red_arrow_bullet.gif) no-repeat 0 6px #FFFFFF;
border-bottom: dotted 1px #dadada;
}

.right ul li a:hover{
font:12px/1.5em Arial, Helvetica, sans-serif; 
color:#535353;
padding:0 0 0 12px; 
display:block; 
text-decoration:none;
background:url(../images/red_arrow_bullet.gif) no-repeat 0 6px #E2F1F4;
}

.right div.vermas{text-align: right;}
.right div.vermas a:link{font-size:11px; color:#015670;}
.right div.vermas a:visited{font-size:11px; color: #015670;}
.right div.vermas a:hover{font-size:11px; color: #0081A9;}
.right div.vermas a:active{font-size:11px; color: #015670;}
/* ----- fin del css del div #right ----- */



/* ----- css del pie: #footer    ----- */
#footer{
background: #EDEDED url(../images/footer_bg.gif) no-repeat center top;
color:#000000;
text-align: center;
}

.footer{
width:900px; 
margin:0 auto; 
padding:12px 0 0 0;
text-align: center;
}
	
.footer p{
margin:10px auto; 
color:#464646; 
background-color:#EDEDED;
font-family: Verdana,  Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
}

.footer p a{font-size:12px;}
.footer p a:link{font-size:12px; text-decoration:none;}
.footer p a:visited{color: #464646;}
.footer p a:hover{text-decoration:underline;}
.footer p a:active{}

.footer ul{
margin:0 auto;
text-align: center;
display: inline;
margin: 0px auto 20px auto;
}
	
.footer ul li{
font-family: Verdana,  Arial, Helvetica, sans-serif;
color:#000000; 
background-color:#EDEDED; 
display:inline;
}
	
.footer ul li a{
font-size: 11px;
font-family:Verdana,  Arial, Helvetica, sans-serif; 
text-decoration:none;
color:#000000; 
background-color:#EDEDED; 
padding:0 8px;
}
	
.footer ul li a:hover{
font-size:11px; 
text-decoration:underline;
color:#000000; 
padding:0 8px;
}
/* ----- fin del css del pie ----- */




/* ----- css para parrafos, span y otros tags con css especiales    -----  */
p.tip{
color: #0080a3; 
font-style: italic; 
width: 100%; 
font-size: 11px; 
text-align:right;
}

ul.lista_disco{
margin-left:20px;
}

ul.lista_disco li{
list-style-image: url("../images/elemento-li.png");
}

ul.lista_disco li a:link, a:visited, a:hover, a:active{font-size:14px; padding:0px;}
ul.lista_disco li a:visited{font-size:14px; }
ul.lista_disco li a:hover{font-size:14px; color:#ffffff; background-color:#0080a3;}
ul.lista_disco li a:active{font-size:14px; }
ul.lista_disco li a.externo:link, a.externo:visited, a.externo:hover, a.externo:active{
background: url("../images/icono-link-externo.png") left no-repeat;
padding-left:12px;
font-size:14px; 
}
ul.lista_disco li a.externo:hover{
color:#ffffff; background-color:#0080a3;
}

.listado ul{
list-style-type: circle;
padding-left:30px;
font:normal 14px/14px Arial, Helvetica, sans-serif;
color: #464646;
}

.listado ul li{
margin-bottom:10px;
}


#equipo{ 
width:95%; 
margin:auto;
}

#equipo h1, h2, h3, h4 {
display:block; 
width:100%;
}

#equipo h1{font:bold 14px/16px Arial, Helvetica, sans-serif; color:#0080a3;}
#equipo h2{font:bold 12px/14px Arial, Helvetica, sans-serif; color:#464646;}
#equipo h3{font:bold 11px/12px Arial, Helvetica, sans-serif; color:#dadada;}

#equipo .perfil {
margin-bottom:20px;
}

#equipo .perfil p{
font-size:12px;
}

.instalacionescam{
margin:auto; 
border: solid 1px #CBE5EB; 
width:480px; 
text-align:center;
}

p.direccion{
padding: 0 0 0 10px; 
margin: 0 0 0 50px; 
border-left: solid #0080a3 1px;
}

.centrado{
margin:auto; 
text-align:center;
}

#agenda{
width:95%;
}

.imagen
{width:50px; 
float:left;

}
.contenido{ 
float: left; 
padding: 10px; 
width:550px; 
margin-left:5px;
}

.contenido h1{
font: 12px/14px verdana;
}

div.error_query{}
div.error_query h3{color:#cc0000; font-size:14px;}


/*  .backwards : para invertir las direcciones de email */
.backwards {
unicode-bidi:bidi-override; 
direction: rtl;
} 


/* -----    css para el formulario de inscripcion   -----   */
form#form_participa {
margin:10px;
width:480px;
}

form#form_contacto {
width:400px; 
margin:20px;
}

input, select {
width:350px;
background-color: #FFFFFF;
}

input, textarea, select {
border:1px solid #aaaaaa;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: left top;
float:left;
margin-right:10px;
margin-top:2px;
margin-bottom:10px;
}

input.checkbox {
width:15px;
background:none;
border:0;
}

input.radio_button {
width:15px;
background:none;
border:0;
}

input.small, select.small {
width:50px;
}

input.large, select.large {
width:200px;
}

input.extra_large, select.extra_large {
width:300px;
}

input:hover, textarea:hover, select:hover {
border:1px solid #888888;
}

input:active, textarea:active, select:active {
border:1px solid #888888;
}

input.submit {
width: 100px;
background-color: #FFFFFF;
}

textarea {
width:350px;
height: 200px;
}

textarea.deep {
height:350px;
}

textarea.shallow {
height:50px;
}

fieldset {
border: none;
}

legend {
font-weight:bold;
font-size: 120%; 
letter-spacing: -1px;
color:#666666;
background-color:#F1F1F1;
}


.cajaform{
width:400px;
padding-top:25px;
padding-bottom:15px;
margin:auto;
background: #ffffff url("../images/fondo_form_participa.gif") top left no-repeat;
font-family:arial;
float:left;
}

.cajaform select{
//margin-left:20px;
}  /* pequeño hack para IE */
    
    
.cajaform2{
width:400px;
padding-top:45px;
padding-bottom:15px;
background: #ffffff url("../images/fondo_contacto.gif") top left no-repeat;
float:right;
margin-top:20px;
margin-right:10px;
font-size:14px;
font-family:arial;
}
    
#unete{
float:left; 
margin: 20px 10px;
}

#unete-right{
float:right; 
margin: 20px 0px;
}



/*  -----   css para los mensajes de validacion de los formularios -----    */
.LV_validation_message{
font-weight:bold;
margin:0 0 0 0px;
float:left;
}

.LV_valid {
color:#00CC00;
visibility:hidden;
}
	
.LV_invalid {
color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
border: 1px solid #CC0000;
}

label {margin-bottom:10px; margin-top:10px;}

/*  -----   fin del csss de los mensajes de validacion de los forms     -----   */



/*  -----   css para las noticias sobre aplicaciones: snippets  ----- */

div.noticia-app{
margin-top:20px;
margin-bottom:20px;
text-align:justify;
font-size:12px !important;
padding-right:15px;
padding-bottom:15px;
border-bottom: dashed 1px #00A4BC;
}

div.noticia-app span.pos-left{
float:left;
margin-right:10px;
margin-bottom: 10px;
}
div.noticia-app span.pos-right{
float:right;
margin-left:10px;
margin-bottom:10px;
}
div.noticia-app span.pos-top{
margin-bottom:5px;
text-align:center;}

div.noticia-app div.pos-down{
margin-bottom:5px;
text-align:center;}

div.noticia-app p{
margin-top:15px;
font-family: Verdana,  Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
font-size:12px !important;
}

div.noticia-app a.wikiext{
background: url("../images/icono-link-externo.png")  left no-repeat; 
margin-left: 4px;
padding-left:14px;
}
div.noticia-app a.wikiext:link{}
div.noticia-app a.wikiext:visited{}
div.noticia-app a.wikiext:hover{}
div.noticia-app a.wikiext:active{}

div.noticia-app div.entradilla{
padding-left: 40px;
background-color: #ffffff;
background-image: url("../images/agenda.png");
background-repeat: no-repeat;
background-position: left center;
margin-bottom:15px;
}
div.noticia-app div.entradilla-aplicaciones-software{

background-color: #ffffff;
background-repeat: no-repeat;
background-position: left center;
margin-bottom:15px;
}

div.noticia-app div.compartir
{
text-align: right;
color: #464646;
font-size:11px;
margin-bottom:15px;
}
div.noticia-app div.compartir img{border:none;}
div.noticia-app div.compartir a img:hover{background-color: #ffffff;}


div.noticia-app div.entradilla h1{
font-size:16px;
margin:0px;
color: #308ACD;
}
div.noticia-app div.entradilla-aplicaciones-software h1{
font-size:16px;
margin:0px;
color: #308ACD;
}

div.noticia-app div.entradilla span.fecha{
font-size:12px;
color:#666666;
font-style:italic;
}

div.noticia-app p.resumen{}
div.noticia-app p.resumen{}


div.noticia-app span.codigo
{
display:block;
color: #006699;
border: dotted 1px #7F867F;
font-family: "Courier New", Courier, monospace;
font-size:12px;
padding:5px;
background-color:#f0f0f0;
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

div.noticia-app  span.comentario{
padding:5px;
background-color:#ddeef2;
border: solid 1px #669194;
font-size:12px;
margin-bottom:10px;
font-family: georgia;
}

div.noticia-app ul{
font-family: Arial, Helvetica, sans-serif;
margin:0px 0px 20px 30px;
color:#464646;
margin-top:0px;
}
div.noticia-app ul li{
list-style-type: square;
list-style-image: url("../images/elemento-li.png");
margin-left: -5px;
padding-bottom:3px;
line-height:1.2em;
}


span.updated{font-size:0.9em; font-style:italic; color:#61AC1E;}