/* GENERAL */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: #D7D3D2; color: #F2F2F2; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
/**********FIN RESET************/
/***** Global *****/
html, body {
border:0;
margin:0;
padding:0;
}
body {
font:11px/1.25 Arial, Helvetica, sans-serif;
}
/***** Encabezados *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
#middle .content .contenido h6{
font-size:1.1em;
margin:8px 0 8px 3px;
font-weight:bold;
padding-left:15px;                                              
} 
/***** Formato comun *****/
p, ul, ol {
margin:0;
padding:0;
}
ul, ol {
padding:0;
}
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
small {
font-size:0.85em;
}
img {
border:0;
}
/***** Enlaces *****/
a,
a:link,
a:visited {
text-decoration:none;
color:#fff;
}
a:hover {
text-decoration:underline;
}
/***** Formularios *****/
form {
margin:0;
padding:0;
}
input, select, textarea {
font:1em Helvetica, Arial, sans-serif;
}
textarea {
width:100%;
line-height:1.25;
}
label {
cursor:pointer;
}
/***** Tablas *****/
table {
border:0;
margin:0;
padding:0;
}
table tr td {
padding:2px;
}
/***** Wrapper *****/ 
#wrap {
width:1005px;
margin:10px auto;
background-color:#fff;
}
#wrap .oculto{
	display:none;
}
/* FIN GENERAL */

/* HEADER */
#wrap #header{
height:150px;
background:url(../img/cabecera.jpg) top center no-repeat;
}
#header .logo{
position:absolute;
padding-top:45px;
padding-left:70px;
}
#header .logo a{
background:url(../img/logo-extrual.gif) left top no-repeat;
padding-left:265px;
padding-top:46px;
width:0;
height:0;
display:block;
overflow:hidden;
}
#header .utilidades{
position:absolute;
width:998px;
height:30px;
}
#header .utilidades .lengua{
float:right;
padding-top:15px;
padding-right:30px;
}
#header .utilidades .lengua li{
float:left;
padding-left:10px;
}
#header .utilidades .lengua a{
display:block;
overflow:hidden;
width:0;
height:0;
padding-top:11px;
padding-left:16px;
}
#header .utilidades .lengua .en{
background:url(../img/decoracion/flag-en.gif) left top no-repeat;
}
#header .utilidades .lengua .fr{
background:url(../img/decoracion/flag-fr.gif) left top no-repeat;
}
#header .utilidades .lengua .es{
background:url(../img/decoracion/flag-es.jpg) left top no-repeat;
}
#header .utilidades .menu{
float:right;
padding-top:14px;
}
#header .utilidades .menu li{
float:left;
border-right:1px solid #4D686C;
padding:0 7px;
font-weight:bold;
}
#header .utilidades .menu li.primero{
border-left:1px solid #4D686C;
}
#header .utilidades .menu li a{
color:#5A797E;
}
#header .menuG{
padding-top:118px;
padding-left:5px;
clear:both;
}
#header .menuG ul{
width:755px;
padding-left:25px;
height:23px;
padding-top:7px;
background-color:#6198AD;
float:left;
}
#header .menuG ul li{
float:left;
font-size:1.1em;
text-transform:uppercase;
padding:0 7px;
border-right:1px solid #fff;
}
#header .menuG ul li.primero{
border-left:1px solid #fff;
}
#header .menuG .cliente{
display:block;
width:215px;
padding-top:7px;
height:23px;
background-color:#E77D0D;
float:left;
text-align:center;
font-size:1.1em;
}
/* FIN HEADER */

/* CONTENT */
#wrap #middle{
color:#7B7B7B;
text-align:justify;
}
#middle a{
color:#6C999C;
}
#middle .bloqueTitular .portada{
float:left;
width:577px;
height:351px;
overflow: hidden;
text-align: center;
}
#middle .bloqueTitular .titular{
float:right;
width:350px;
height:185px;
background-color:#EFF4F7;
margin-right:5px;
padding:10px 35px 30px;
}
#middle .bloqueTitular .titular h2{
background:url(../img/flecha-p.gif) 0 9px no-repeat;
padding:10px 0 5px 25px;
color:#6C999C;
font-weight:bold;
font-size:1.2EM;
}
#middle .bloqueTitular .titular P{
padding-left:27px;
padding-bottom:10px;
}
#middle .bloqueTitular .video{
background:url(../img/video-bg.gif) center bottom no-repeat;
height:130px;
width:420px;
float:right;
}
#middle .bloqueTitular .video object{
margin:18px 0 0 24px; 
position: absolute;        
} 
#middle .bloqueTitular .video a{
display:block;   
position: absolute;
float: left;
margin:18px 0 0 24px;
height:102px;
width:145px;
}
#middle .bloqueTitular .video span{
color:#fff;
font-size:1.2em;
font-weight:bold;
display:block;    
padding-left:290px;      
margin-top:108px;
}
#middle .bloqueListados{
clear:both;
}
#middle .bloqueListados .listadoG{
float:left;
width:585px;
border-right:1px solid #E4E2DE;
}
#middle .bloqueListados .listadoG li{
height:155px;
overflow:hidden;
padding-top:5px;
padding-right:10px;
border-top:1px solid #E4E2DE;
}
#middle .bloqueListados .listadoG .imga{      
float:left;
margin-left:80px;
}
#middle .bloqueListados .listadoG li h3{
color:#6C999C;
font-weight:bold;
font-size:1.3EM;
margin-left:240px;
padding:5px 0 5px 30px;
background:url(../img/flecha-p.gif) 0 3px no-repeat;
}
#middle .bloqueListados .listadoG li p{
margin-left:240px;
padding-left:30px;
}
#middle .bloqueListados .listadoP{
width:415px;
float:right;
}
#middle .bloqueListados .listadoP li{
height:155px;
overflow:hidden;
padding-top:5px;
padding-right:65px;
}
#middle .bloqueListados .listadoP .imga{  
float:left;
margin-left:7px;    
}
#middle .bloqueListados .listadoP li h4{
color:#6C999C;
font-weight:bold;
font-size:1.3EM;
margin-left:90px;
padding:5px 0 5px 30px;
background:url(../img/flecha-p.gif) 0 3px no-repeat;
}
#middle .bloqueListados .listadoP li p{
margin-left:90px;
padding-left:30px;
}
/* FIN CONTENT */

/* FOOTER */
#wrap #footer{
color:#4D686C;
border-top:8px solid #F3F3F3;
clear:both;
overflow:auto;
}
#footer a{
color:#4D686C;
}
#footer .menuG ul{
width:755px;
padding-left:29px;
padding-top:2px;
padding-bottom:2px;
float:left;
}
#footer .menuG ul li{
float:left;
font-size:1.1em;
text-transform:uppercase;
padding:0 7px;
border-right:1px solid #4D686C;
}
#footer .menuG ul li.primero{
border-left:1px solid #4D686C;
}
#footer .menuG ul li{
color:#456D6C;
}
#footer .menuG .cliente{
display:block;
width:215px;
padding-top:2px;
padding-bottom:2px;
background-color:#E77D0D;
float:left;
text-align:center;
font-size:1.1em;
color:#fff;
}
#footer .certificados{
float:right;
padding:35px 50px 5px;
overflow:auto;
}
#footer .certificados li{
float:left;
margin:0 5px;
}
#footer .menuUtilidades{
float:right;
background:url(../img/tres-cuadros.gif) 0 13px no-repeat;
padding:10px 50px 10px 45px;
clear:both;
}
#footer .menuUtilidades li{
float:left;
border-right:1px solid #4D686C;
padding:0 7px;
font-weight:bold;
}
#footer .menuUtilidades li.primero{
border-left:1px solid #4D686C;
}
#footer .menuUtilidades li a{
color:#5A797E;
}
#footer .legal{
width:970px;
margin:0 auto;
clear:both;
border-top:1px solid #BABABA;
padding-top:25px;
height:75px;
background:url(../img/logo-extrual-mini.gif) 13px 25px no-repeat;
}
#footer .legal p{
padding-left:198px;
font-size:0.9em;
}
#footer .legal p em{
padding-right:3px;
}
.creditosNetberry{
color: #000;
margin: 15px;
padding-bottom: 15px;
text-align: center;
text-decoration: underline;
}
.creditosNetberry a{
color: #000;
}
/* FIN FOOTER */

.divVentana.divFondoVentana{
background:url(/img/fondo-trans.gif);
}