*{
margin:0;
padding:0;
}
body{
margin : 0;
padding : 0;
background-color:#2E3034;
font-family:Arial,Tahoma,Verdana, Trebuchet Ms, Helvetica, sans-serif
}
#contenedor{/*contenedor madre*/
top:0px;
position:relative;
left:50%;
width:952px;
margin-left:-476px;
text-align:center;
background-color:#2E3034;
}
#arriba{/*arriba redondeado*/
top:0px;
position:relative;
width:952px;
height:152px;
background-image:url(../im/fondo_top.jpg);
background-position:center;
background-repeat:no-repeat;
z-index:200;
}
h1.logo img{
border:0;
}
h1.logo a {/*logotipo en h1*/
position:absolute;
left:30px;
top:35px;
width:228px;
height:95px;
display: block;
background-image:url(../im/logotipoarsel.jpg);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
text-indent: -2000em;
}

/*MENU CSS DESPLEGABLE*/
/* Root = Horizontal, Secondary = Vertical */
#gris{
width:930px;
height:40px;
background-color:#CFD1D6;
 margin: 0;
  border: 0 none;
  padding: 0;
  position:absolute;
  top:120px;
  left:11px;
}
ul#navmenu-h {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
 
  width: 750px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {/*CHANCHULLO*/
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 40px;/*AQUI LA DIFERENCIA*/
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* PRINCIPAL */
ul#navmenu-h a {
  /*border: 1px solid #666666;
  border-right-color: #666666;
  /*border-bottom-color: #CCC;*/
  padding: 0 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #CFD1D6;
  color:#333333;
  font: bold 11px/40px Arial, Tahoma, Verdana, Arial, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 2%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background:#5B606A;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  font-size:11px;
  float: none;
  background: #CFD1D6;
  color:#333333;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  font-size:11px;
  background:#5B606A;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  font-size:11px;
  background: #CFD1D6;
  color:#333333;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  font-size:11px;
  background:#5B606A;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #CFD1D6;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background:#5B606A;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}
/*FIN DE MENU DESPLEGABLE*/
#banner{
margin-top:-5px;
position:relative;
width:952px;
height:201px;
background-image:url(../im/fondo_banner.jpg);
background-position:center;
background-repeat:no-repeat;
text-align:center;
vertical-align:bottom;
}
#banner img{
margin-top:20px;
border:0;
}
#info{
position:relative;
width:952px;
background-image:url(../im/fondo_centro.jpg);
background-position:center;
background-repeat:repeat-y;
text-align:center;
}
#bloquempresa{
margin:auto;
position:relative;
width:886px;
text-align:left;
}
h2.tituloempresa{
/*margin-left:auto;*/
text-indent: -2000em;
/*margin-bottom:5px;*/
display : block;
border : none;
background:url(../im/tit_empresa.jpg);
width : 143px;
height : 30px;
}
h2.tituloquienes{
/*margin-left:auto;*/
text-indent: -2000em;
/*margin-bottom:5px;*/
display : block;
border : none;
background:url(../im/tit_quienes.jpg);
width : 163px;
height : 30px;
}
h2.titulonoticias{
/*margin-left:auto;*/
text-indent: -2000em;
/*margin-bottom:5px;*/
display : block;
border : none;
background:url(../im/tit_noticias.jpg);
width : 163px;
height : 30px;
}
h2.titulohistoria{
/*margin-left:auto;*/
text-indent: -2000em;
/*margin-bottom:5px;*/
display : block;
border : none;
background:url(../im/tit_historia.jpg);
width : 107px;
height : 30px;
}
h2.titulofilo{
/*margin-left:auto;*/
text-indent: -2000em;
/*margin-bottom:5px;*/
display : block;
border : none;
background:url(../im/tit_filo.jpg);
width : 117px;
height : 30px;
}
h2.tituloagro{
/*margin-left:auto;*/
text-indent: -2000em;
/*margin-bottom:5px;*/
display : block;
border : none;
background:url(../im/tit_agro.jpg);
width : 247px;
height : 30px;
}
h2.titulodiscomer{
/*margin-left:auto;*/
text-indent: -2000em;
/*margin-bottom:5px;*/
display : block;
border : none;
background:url(../im/tit_discomer.jpg);
width : 247px;
height : 30px;
}
h2.titulomedio{
text-indent: -2000em;
display : block;
border : none;
background:url(../im/tit_medio.jpg);
width : 167px;
height : 30px;
}

h2.tituloprev{
text-indent: -2000em;
display : block;
border : none;
background:url(../im/tit_riesgos.jpg);
width : 227px;
height : 30px;
}

h2.titulocon{
text-indent: -2000em;
display : block;
border : none;
background:url(../im/tit_consultoria.jpg);
width : 227px;
height : 30px;
}
h2.titulolinks{
text-indent: -2000em;
display : block;
border : none;
background:url(../im/tit_links.jpg);
width : 205px;
height : 30px;
}
h2.tituloclie{
text-indent: -2000em;
display : block;
border : none;
background:url(../im/tit_clie.jpg);
width : 117px;
height : 30px;
}
h2.tituloproyec{
text-indent: -2000em;
display : block;
border : none;
background:url(../im/tit_proyec.jpg);
width : 189px;
height : 30px;
}

h2.titulocontacto{
text-indent: -2000em;
display : block;
border : none;
background:url(../im/tit_conta.jpg);
width : 129px;
height : 30px;
}

#cuadroempresa{
width:886px;
/*height:270px;*/
background-color:#2E3034;
padding-bottom:20px;
}
p{
padding:15px;
font-size:12px;
color:#CFD1D6;
text-align:justify;
}
.foto{
float:left;
padding-right:15px;
padding-bottom:10px;
border:0;
}
#generico{
width:886px;
/*height:270px;*/
background-color:#2E3034;
padding-bottom:20px;
}
#generico p{
padding:15px;
font-size:12px;
color:#CFD1D6;
text-align:justify;
}
#generico p a{
padding:15px;
font-size:12px;
color:#CFD1D6;
text-align:justify;
text-decoration:none;
}
#generico p a:hover{
padding:15px;
font-size:12px;
color:orange;
text-align:justify;
}
#contacto{
position:relative;
width:886px;
height:465px;
background-color:#2E3034;
padding-bottom:20px;
text-align:center;
}
#zonamapa{
position:relative;
float:left;
width:500px;
height:430px;
/*background-color:#FF0066;*/
margin-left:15px;
margin-top:15px;
}
#formulario{
position:relative;
float:left;
width:340px;
height:450px;
margin-left:15px;
margin-top:15px;
}
#login{
position:relative;
float:left;
width:340px;
height:370px;
clear:both;
/*background-color:blue;*/
}
#mensaje{
position:relative;
float:left;
width:340px;
height:370px;
clear:both;
/*background-color:blue;*/
display:none;
}
.textomen{
position:relative;
margin:auto;
vertical-align:middle;
top:40%;
font-size:16px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}
.textomen a{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.textomen a:hover{
color:#CB9902;
}

#enviado{
position:relative;
float:left;
text-align:center;
width:340px;
height:305px;
clear:both;
background-color:blue;
}
#enviado p{
position:relative;
margin:auto;
vertical-align:middle;
top:40%;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
#dire{
position:relative;
float:left;
width:340px;
height:110px;
/*background-color:#FF0066;*/
}
#dire p{
position:relative;
vertical-align:bottom;
padding-top:0px;
padding-left:10px;
padding-right:10px;
text-align:justify;
font-size:12px;
color:#FFFFFF;
}
#login ul li{
list-style-type:none;
margin-bottom:20px;
font-size:12px;
color:#FFFFFF;
}
.botonenviar { 
text-align:center; 
margin:0; 
width:187px; 
font-size:12px !important; 
height:43px; 
padding-bottom:6px; 
vertical-align:top; 
background-image:url(../im/boton.gif); 
background-position:center; 
background-repeat:no-repeat; 
border:0; 
color:silver; 
font-weight:bold; 
cursor:pointer;
}
.error{
text-align:center;
font-size:10px;
font-weight:bold;
color:#FF0000;
}

.concepto{
font-size:13px;
color:#FFFFFF;
}
.azul{
font-size:14px;
color:white;
font-weight:bold;
}
.celeste{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}
.lista ul {
margin-left:50px;
position:relative;
width:80%;
list-style-image: url("../im/circeleste.jpg");
}
.lista ul li h2{
font-size:13px;
color:#CCCCCC;
font-weight:normal;
}
.lista ul li h4{
font-size:13px;
font-weight:normal;
}
.lista ul li a{
text-decoration:none;
color:#CFD1D6;
}
.lista ul li a:hover{
color:#BEE9F9;
}


#pie{/*PIE DE LA PAGINA*/
margin:auto;
position:relative;
width:952px;
height:57px;/*255*/
padding: 0px;
text-align:center;
background-image:url(../im/fondo_abajo.jpg);
background-repeat:repeat-y;
}
#pie p{
padding:10px;
font-size:11px;
color:#CCCCCC;
text-align:center;
}
#pie img{
position:relative;
top:5px;
border:0;
}
#pie a{
color:#CC9900;
text-decoration:none;
font-weight:bold;
}
#pie a:hover{
color:orange;
}

.post{ border-bottom:1px solid #000000;}
.navi{ height:10px;}
.navi .prev, .nav-previous a{ 
	float:left; 
	margin-left:20px; 
	color:#CCCCCC; 
	text-decoration:none; 
	font-size:14px; 
	text-transform:uppercase; 
	line-height:30px;
	}
.navi .next, .nav-next a{ 
	float:right; 
	margin-right:20px; 
	color:#CCCCCC; 
	text-decoration:none; 
	font-size:14px; 
	text-transform:uppercase; 
	line-height:30px;
	}
.navi .next:hover, .navi .prev:hover, .nav-next a:hover, .nav-previous a:hover{ color:#CC9900;}
