/* @override http://gestor.mildmac.es/resources/css/layout.css */

* {
  margin:0;
  padding:0;
}

body{
  font-family:Verdana,Tahoma,sans-serif;
  font-size:65%;
  padding-bottom:1em;
  color:#85877c;
  background: #ffffff url(/resources/img/fondoBody.jpg) top left repeat-x;
}

body a{
  text-decoration:none;
  color:#ffffff;
}

ul, #pie #datos ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

img{
  border:none;
}

#contenedor{
  width:968px;
  margin:0 auto;
}

#principal{
 float:left;
 width:720px;
}

#secundaria{
 width:244px;
  float:left;
  border:2px solid #d4d0d0;
  background-color:#EFF3E5;
}

#contenidoSecundaria{
  background:url(/resources/img/fondosecundaria.jpg) repeat-x top left;
  padding-left:34px;
  padding-top:30px;
}

#enlacesCabecera{
  width:968px;
  height:75px;
  padding-top:15px;
  
}

a#enlaceHome{
  display:block;
  height:59px;
  text-indent:-5000em;
  width:399px;
  float:left;
  background:transparent url(/resources/img/logo.png) bottom left no-repeat;
  margin-left:28px;
}

#soporteTecnico{
  height:40px;
  width:186px;
  float:left;
  background:transparent url(/resources/img/fondoSoporte.png) bottom left no-repeat;
  position:relative;
  margin-left:200px; 
  margin-top:17px;
}


a#ayudaOnline{
  display:block;
  height:40px;
  width:121px;
  float:left;
  background:transparent url(/resources/img/fondoAyuda.png) bottom left no-repeat;
  margin-left:10px; 
  margin-top:17px;
  position:relative;
  text-indent:-5000px;
}
 




#cabecera{
  position:relative;
  height:331px;
}

/*SLIDESHOW*/
#imagenesCabecera {
height:187px;
margin:0;
overflow:hidden;
padding:0;
width:720px;
float:left;
}

#slideshow{
  overflow:hidden;
  background: transparent url(/resources/img/home/fondoSlideshow.jpg) repeat-x top left;
}

#textoImagen{
  float:left;
  font-family:Myriad Pro,Verdana;
  font-size:1.3em;
  margin:10px;
  width:228px;
}

/***************MENÚ**************************/
#botonera{
  height:55px;
  background:transparent url(/resources/img/fondoMenuPrincipal.jpg) repeat-x top left;
  position:absolute;
  top:276px;
  width:968px;
}

#menuPrincipal{
  float:left;
  z-index:1000;
  overflow:hidden;
  font-size:1.2em;
}

#menuPrincipal ul{
 list-style:none;
 padding:6px
}

#menuPrincipal li{
  _padding-bottom:7px;
   background: url(/resources/img/separador.jpg) no-repeat left ;
  float:left;

  height:45px;
}

#menuPrincipal .opcion1{
  background-image:none;
}

#menuPrincipal .separador{_margin-top:12px;margin-top:7px}
#menuPrincipal a{
  color:#ffffff;
  text-decoration:none;
  display:block;
  padding:16px 10px 0 10px;
  width:100%;
  height:100%;
}
#menuPrincipal ul ul a{}
#menuPrincipal ul li.primero ul{margin-left:-10px}
#menuPrincipal ul ul{clear:both;display:none;font-size:1em;margin-left:-5px;padding-left:0;position:absolute;width:152px;z-index:3000;margin-top:7px;margin-top:-25px;}
#menuPrincipal ul ul li{background:transparent;float:none;padding:1px 0;z-index:3000;background:transparent url(/resources/img/fondodesplegable.jpg) repeat scroll left top;height:35px;}
#menuPrincipal ul ul li a{color:#fff;display:block}
#menuPrincipal ul ul li a span{padding-left:3px}


#contacto{
  background:transparent url(/resources/img/botoncontacto.png) no-repeat scroll 0 0;
  height:40px;
  width:121px;
  text-indent:-5000px;
  position:absolute;
  right:22px;
  top:8px;
}

/****DESTACADOS****************/
.content{
  float:left;
}

div#destacados{
  height:245px;
  overflow:hidden;
  /*width:720px;*/
}

#destacados .item{
  height:245px;
  width:239px;
  /*float:left;*/
  position:relative;
  border-right:1px solid white;
  height:192px;
}

.item {
  overflow: hidden;
}

.item .desc {
	background: #e7e8e0 !important;
	color: #363749;
	position: absolute;
	display: block;
	width: 239px;
	/*opacity: 0.4; */
        bottom: 0;
       font-size:1.2em;
       left:0;
}

.desc p{
  padding:10px;
} 
#destacados h2{
  line-height:53px;
  position:absolute;
  text-align:center;
  width:239px;
  border-right:1px solid white;
 background:url(/resources/img/destacados/fondobtndestacado.jpg) repeat-x top left;
}

#destacados h2 a{
  display:block;
  color:#363749;
}
/**********DERECHA***************/

#blog a{
  background:url(/resources/img/fondobtnblog.png) no-repeat top left;
  display:block;
  width:130px;
  padding-top:10px;
  padding-left:46px;
  height:45px;
  font-size:1.7em;
}

#videos a{
  background:url(/resources/img/fondobtnvideos.png) no-repeat top left;
  display:block;
  width:107px;
  padding-top:10px;
  padding-left:69px;
  height:45px;
  font-size:1.7em;
}



#bannersDerecha img{
  width:149px;
  height:80px;
}

#bannersDerecha{
  width:149px;
  margin-left:10px;
}

#bannersDerecha li{
  margin-bottom:20px;
}

/**************PARTNERS***********/

#partners li {
  float:left;
  margin-left:20px;
}

#partners {
  clear:left;
  margin:10px;
  overflow:hidden;
  width:697px;
  height:150px;
}

/*****PIE********/

#pie{
  background:url(/resources/img/pie.jpg) repeat-x top;
  height:55px;
}

#menuPie{
  height:55px;
  padding-top:20px;
float:left;
  width:195px;
}


#menuPie li{
  float:left;
  padding-right:9px;
  padding-left:9px;
  border-left: 1px solid #d6d9cc;
  color:#d6d9cc;
}

#menuPie  .primero.opcion1{
  border:none;
} 

#logoPie{
  padding-top:12px;
  float:left;
}

#contenedorPie{
  margin:0 auto;
  width:968px;

}

#textoPie{
  padding-top:20px;
  float:left;
  color:#fff;
  width:548px;
}



/*****************Newsletter**********/
#caja {
width:164px;
display: none;
padding:5px;
border:1px solid #979595;
margin-bottom:13px;
}
#mostrar{
display:block;
background:url(/resources/img/fondobtnnews.png) no-repeat top left;
  width:159px;
  padding-top:10px;
  padding-left:17px;
  height:37px;
  font-size:1.7em;
  color:#ffffff;
}

#caja p{
  margin-bottom:5px;
}

#newsletter{
  margin-bottom:8px;
}

#email{
  margin-bottom:5px;
}

input,textarea{
  border:solid 1px #979595;
  background-color:transparent;
color:#85877C;
padding-left:5px;
}

#enviarEmail{
  background:url(/resources/img/fondosuscribir.png) no-repeat top center;
  border:medium none;
color:#363749;
height:25px;
padding-bottom:3px;
width:94px;
margin-left:-2px;
}

/****************CONTENIDO GENERAL**********/

.contenidoDetalle{
  margin-bottom:50px;
  margin-left:10px;
  padding:12px;
}

.cabeceraContenido{
  margin-bottom:30px;
}
  
.contenidoDetalle h1{
  color:#874235;
  font-size:1.5em;
  margin-bottom:0.7em;
  margin-top:1.4em;
}

.contenido{
  background:transparent url(/resources/img/bordercontenido.png) repeat-x scroll left bottom;
font-size:1.2em;
padding-bottom:40px;
  line-height:1.5em;
}

.contenido a{
  color:#363749
}

.contenidoDetalle p{
  margin-bottom:5px;
}

.contenidoDetalle ul{
  list-style-type:square;
  list-style-position:inside;
  margin-bottom:5px;
}


.contenidoDetalle ul ul{
  list-style-type:circle;
  margin-bottom:5px;
  margin-left:50px;
}

#noticias {
  padding:2.5em;
  position:relative;
}

#todas{
  background:transparent url(/resources/img/todas.png) no-repeat left top;
  height:21px;
  text-indent:-5000px;
  width:108px;
  display:block;
  /*margin-bottom:1.3em;
  margin-left:54em;
  margin-left:559px;*/
  position:absolute;
  right:10px;
  
}

.noticia{
  background:transparent url(/resources/img/bordercontenido.png) repeat-x scroll left bottom;
  padding-bottom:2em;
 font-size:1.2em;
  margin-bottom:2em;
}

.noticia h3{
 font-size:1.1em;
  margin-bottom:10px;
  background:url("/resources/img/noticia.jpg") no-repeat scroll 0 0 transparent;
  min-height:44px;
  padding-left:72px;
}

.intro{
  margin-bottom:10px;
}

.leermas{
  color:#874235;
}

#menuLateral ul a {
background:url("/resources/img/cuadradito.png") no-repeat scroll top left transparent;
color:#363749;
padding-left:16px;
text-decoration:none;
font-size:1.5em;
}

#menuLateral {
padding-bottom:30px;
}

#formulario{
margin-top:20px;
border-top:1px solid;
padding-top:10px;
background: url(/resources/servicio.jpg) 380px 28px no-repeat;
}

#formulario form {
	width: 322px;
	overflow: hidden;
	position: relative;
}

#formulario label {
	display: block;
}

/*#formulario label:after {
	content: ":";
}*/

#formulario input, #formulario textarea {
	width: 310px;
	padding: 2px 5px;
	border: 1px solid #999;
}

#formulario textarea {
	height: 10em;
}

#formulario #labelInteresado {
	display: inline;
}

#formulario #interesado {
	width: auto;
	border: 0;
	padding: 0;
}

#formulario #enviarFormulario {
	background: #874235;
	border: 0;
	color: #fff;
	width: auto;
	padding: 3px 3em;
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	float: right;
	margin-top: 1em;
}

.mensaje {
	display: none;
	width: 200px;
	color: #fff;
	padding: 1.3em 15px;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
	position: absolute;
	z-index: 1000;
	margin-left: 45px;
	text-align: center;
	margin-top: 50px;
}

#formSuccess, #formSending {
	background: #179c53;
}

#formError, #formFaltanDatos {
	background: #c11919;
}

#formulario form .error {
	border-color: red;
}

#facebook{
  float: left;
    margin-left: 190px;
    margin-top: 8px;
}

#facebook a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/resources/facebook.png");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    height: 49px;
    text-indent: -5000px;
    width: 49px;
}

.banner a{
	color:#363749;
	}
