﻿@charset "utf-8";
html, body { border: 0; margin: 0; padding: 0;}


/* Jello -- start copying here * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
	padding: 0 482px 0 482px;
	margin: 0;
	text-align: center;
	background-image:url(../images/fondo.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 0%;
	max-width: 0px;  /* version for IE is at the bottom of this style block */
}

#expander {
	margin: 0 -482px 0 -482px;
	min-width: 964px; /* Critical Safari fix! */
	position: relative;
	/*border:#003300 solid 1px;*/
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 


/***** Fin de Jello *******/

/******* Holly Hack *******/
/*\*/
* html form {height: 0;}
/* Holly hack */

/****** Clear Fix *********/

.holly{height:1%;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#IE7Root .ie7
{
	/**** Este estilo solo afecta al IE7 ****/
	/**** Se basa en un nodo <div> llamado IE7Root que solo hacemos exisitir en IE7 *****/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* CENTRO * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.centro{
	width:964px;
	min-height:730px;
	float:left;
	background-image:url(../images/sombras.png);
	background-repeat:repeat-y;
}

/* CABECERA * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.cabecera {
	padding:0 7px 0 7px;
	width:964px;
}

/* MENU * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.botonera{
	margin:0 7px 0 7px;
	padding:0 0 0 0;
	height:15px;
	color:#333333;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:2px dotted #BFE5F2;
	text-decoration:none;
}

.botonera a{
	text-decoration:none;
	color:#333333;
}


.botonera ul li{
	list-style-type:none;
	float:left;
	text-indent:10px;/* distancia entre la flechita y el textos del boton*/
	margin:0 0 0 12px;/* distancia entre botones */
}

.botonera ul li a:link, .botonera ul li a:visited{
	float:left;	
	background-image:url('../images/flecha_menu.gif');
	background-repeat:no-repeat;
	background-position:left;	
}

.botonera ul li a:hover, .botonera ul li a:active{
	color:#6699CC;
	float:left;
	background-image:url('../images/flecha_menu_f2.gif');
	background-repeat:no-repeat;
	background-position:left;
}


.newsletter a:link, .newsletter a:visited{
	background-image:url(../images/newsletter_f1.jpg) !important;
	background-repeat:no-repeat;
	background-position:left;
	text-indent:20px !important;
	margin:0 0 0 40px !important;
}

.newsletter a:hover, .newsletter a:active{
	background-image:url(../images/newsletter_f2.jpg) !important;
	background-repeat:no-repeat;
	background-position:left;
	text-indent:20px !important;
}

.home a:link, .home a:visited{
	background-image:url(../images/home.jpg) !important;
	background-repeat:no-repeat;
	background-position:left;
	text-indent:20px !important;
	margin:0 0 0 0px !important;

}

.home a:hover, .home a:active{
	background-image:url(../images/home_f2.jpg) !important;
	background-repeat:no-repeat;
	background-position:left;
	text-indent:20px !important;

}


/* CONTENEDOR * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.contenedor{
	width:950px;
	border-bottom:dotted 2px #BFE5F2;
	margin:0 7px 0 7px;
}

.contenido{ 
	width:418px;
	padding:0 38px 15px 32px;
	border-right:2px dotted #BFE5F2;
	float:left;
	min-height:545px;
}

.contenido2{
	width:197px;
	float:left;
	padding:0 17px 0 6px;
}

.contactoTxtDestacado{
	font-size:12px;
	color:000000;
	font-weight:bold;
	margin:0 0 0 5px;
}


.contenido3{
	width:640px;
	padding:0 38px 15px 32px;
	float:left;
}
.contenido3 a{
	text-decoration:none;
	color:#0099CB;
	font-weight:bold;
}

.contenido h1, .contenido3 h1{
	font-size:12px;
	color:#E26800;
	font-weight:bold;
	/*text-transform:capitalize;*/
	border-bottom:solid 1px #cccccc;
	margin:15px 0 5px 0;
}
.contenido3 h2{
	font-size:12px;
	background-color:#A5DBED;
	color:#00455B;
	font-weight:bold;
	border-bottom:dotted 1px #00455B;
	margin:15px 0 5px 0;
	padding:3px 0 3px 10px;
}



/* NOTICIAS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.bordeActualidad{
	border-bottom:solid 1px #cccccc;
	padding:5px 0 5px 0;	
}
.bordeNoticia{
	border-bottom:dotted 2px #BFE5F2;
	padding:5px 0 5px 0;
}
.noticia{
	border-bottom:solid 1px #cccccc;
	padding:0 0 5px 0;
}
.noticiaAlturaMinima{
	min-height:130px;
	height:auto !important;
	height:130px;
}
.noticiaSector{
	border-bottom:dotted 2px #BFE5F2;
}
.noticiaSector p{
	text-align:justify;
	text-indent:20px;
}
.noticiaTit{
	color:#0099CC;
	font-weight:bold;
	padding:5px 0 0px 0;
	margin:5px 0 0 0;
	text-decoration:none;
}
.noticiaTit2{
	color:#0099CC;
	font-weight:bold;
	padding:5px 0 0px 0;
	margin:5px 0 0 0;
	text-decoration:none;
	font-size:14px;
}
.noticiaTit a{
	color:#0099CC;
	font-weight:bold;
	text-decoration:none;
}

.noticiaTit a:link, .noticiaTit a:visited,{
	color:#0099CC;
	font-weight:bold;
	padding:5px 0 0px 0;
	margin:0 0 0 0;
	
}

.noticiaTit a:hover, .noticiaTit a:active{
	color:#0099CC;
	font-weight:bold;
	padding:5px 0 0px 0;
	margin:0 0 0 0;
	text-decoration:underline;
}


.noticiaSubtit{
	color:#333333;
	font-weight:bold;
	padding:0 0 0 0;
	margin:5px 0 0 0;
}
.noticiaTxt{
	color:#333333;
	padding:0 0 8px 0;
	margin:0 0 0 0;

}


.noticiaTxt a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.noticiaFoto{
	border:1px solid #CCCCCC;
	margin:5px 0 0 0;
}

.noticiaFotoPie{
	color:#666666;
	border-bottom:dotted 1px #cccccc;
	display:block;
	padding:0 0 2px 5px;
	margin-bottom:5px;
}

.bannerTecnalia{
	background-color:#EAEFF1;
	padding:5px 0 5px 3px;
	border-bottom:solid 1px #cccccc;
}

/* MENU DERECHA * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.columnaDerecha{
	width:210px;
	background-color:#EAEFF1;
	float:right;
	padding:10px 15px 5px 15px;
}

.registro{
	background-image:url(../images/caja_acceso.jpg);
	width:190px;
	height:111px;
	padding:30px 10px 20px 10px;
}

.derechaFlash{
	border-bottom:dotted 2px #BFE5F2;
	margin:7px 0 0 0;
}
/* PAGINACION * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.paginacion{
	text-align:center;
	margin:5px 0 5px 0;
	padding:5px 0 0 0;
	border-top:2px dotted gray;
}
.paginacion a{
	text-decoration:none;
}
.paginacion a:link {
	color:#0099CC;
}
.paginacion a:visited{
	color:#666666;
}
.paginacion a:hover{
	color:#E26800;
}
.paginacion a:active{
	color:#E26800;
	font-weight:bold;
}

/* ENERGÍA MARINA * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.energia h1{
	font-size:12px;
	color:#E26800;
	font-weight:bold;
	text-transform:capitalize;
	border-bottom:solid 1px #cccccc;
	margin:15px 0 5px 0;
}

.energia p{
	color:#333333;
	padding:0 0 8px 5px;
	margin:0 0 0 0;
	line-height:20px;
	text-indent:20px;
	text-align:justify;
}

.energiaFoto{
	border:1px solid #CCCCCC;
	margin:5px 5px 5px 0;
	padding:3px;
/*	float:left; */
}

.energiaFotoPie{
	color:#666666;
	font-size:10px;
	border-bottom:dotted 1px #cccccc;
	display:block;
	padding:0 0 2px 5px;
	margin-bottom:5px;
	font-style:italic;
	text-align:center;
}
.energia ul li{
	list-style-type:none;
	text-decoration:none;
	padding:5px 0 5px 0;
	text-align:justify;
}

.energia ul li a{ 
	list-style-type:none;
	text-decoration:none;
	color:#0099CC;
	font-weight:bold;
	padding:5px 0 5px 0;
}

.energia ul li a:hover{ 
	list-style-type:none;
	text-decoration:none;
	color:#999999;
	font-weight:bold;
	padding:5px 0 5px 0;
}


.submenu{
	width:197px;
	padding:0 17px 0 6px;
	float:left;
	margin:5px 0 0 0;
	min-height:250px;
	height:auto !important;
	height:250px;
}

.submenu a{
	text-decoration:none;
	color:#333333;
}
.submenu ul{
	padding:10px 0 0 0;
	margin:0px;
}

.submenu ul li{
	list-style-type:none;
	margin:0 0 10px 10px; /*distancia entre botones */
	padding:0;
	font-weight:bold;
	color:#E26800;
}

.submenu ul li a{ 
	list-style-type:none;
	text-decoration:none;
	color:#999999;
	font-weight:bold;
	padding:5px 0 5px 0;
}

.submenu ul li a:hover{
	list-style-type:none;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	padding:5px 0 5px 0;
}


/* FORMULARIO * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#dde4e9;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.cabeceraModal
{
	background-color:#ffffff;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;	
	margin-bottom:5px;
	cursor:move;
}

/* Fin modal pop up*/

/* USUARIO * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.bienvenida{
	background-color:#0099CB;
	color:#ffffff;
	 width:210px; 
	/*width:180px;*/
	float:left;
	padding:10px 15px 5px 15px;

}

.arbol{
	width:640px;
	padding:0 38px 15px 32px;
	float:left;
	/*font-weight:normal;*/
}
.arbol a{
	text-decoration:none;
	/*font-weight:normal;*/

}
.arbol h1{
	font-size:12px;
	color:#E26800;
	font-weight:bold;
	text-transform:capitalize;
	border-bottom:solid 1px #cccccc;
	margin:15px 0 5px 0;
}

.mayusculas {
	font-variant: small-caps;
	color: #FFFFFF;
	background-color:#0099CB;
	text-decoration:none;
	margin:0 0 5px 0;
	Width:100%;
}

.mayusculas a{
	font-variant: small-caps;
	color: #FFFFFF;
	background-color:#0099CB;
	text-decoration:none;
	margin:0 0 5px 0;
	Width:100%;
	font-weight:bold;
}

.subcategoriaA{
	color:#0099CB;
	font-weight:bold;
	font-size:12px;
	font-variant: small-caps;
}

.subcategoriaA a{
	color:#0099CB;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	font-variant: small-caps;
}

.subcategoriaB{
	color:#666666;
	font-weight:normal;
	font-size:11px;
	margin:0 0 5px 0;
}

.subcategoriaB a{
	color:#666666;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	margin:0 0 5px 0;
}

/***********************************************/

.tecnalia{
	text-decoration:none;
}
.tecnalia ul li{
	list-style-type:none;
	background-image:url('../images/flecha_menu.gif');
	background-repeat:no-repeat;
	background-position:left 4px;
	margin-bottom:5px;
	padding-left:15px;
}

.tecnalia ul li ul li{
	list-style-type:none;
	background-image:url('../images/flecha_menu_f2.gif');
	background-repeat:no-repeat;
	background-position:left 4px;
	margin-bottom:5px;
	padding-left:15px;
}



