﻿* { padding: 0; margin: 0; }
img {border: 0}

body {
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#332620;
 	background-color:#332620;
 	border-top:5px solid #c0d100;
}

#wrapper {
	margin: 0 auto;
	width: 996px;
	background-image: url(../images/fondo_body.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrapperinterior { 
 margin: 0 auto;
 width: 775px;
}
#header {
 width: 775px;
 float: left;
 height: 435px; 
 position:relative;
}

#toplogos {
 width: 775px;
 float: left;
 height: 103px;  
}

#logo {
 width: 159px;
 float: left;
 height: 84px; 
  margin-top:10px; 
  margin-left:53px; 
}

#btncontacto {
 width: 300px;
 float:right;
 height: 27px; 
 margin-top:15px; 
 margin-right: 25px;
}

#topbanner {
	width: 775px;
	float: left;
	height: 333px;
	background-image: url(../images/topbanner.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position:relative;
	float:left;
}


#contenido {
	float: left;
	width: 740px;
	padding: 0px 17px 0px 18px;
	background-image: url(../images/fondo_contenedor.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#leftcolumn {
	margin: 0px 0px 35px 6px;
	height: auto;
	width: 460px;
	float: left;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d372d;
}

#rightcolumn {
	float: right;
	height: auto;
	width: 266px;
	display: inline;
	background-color: #becf03;
	margin-right:6px;
	background-image: url(../images/fondo_derecha.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position:relative;
}



* html #rightcolumn {	width: 250px;}


#footer {
	width: 775px;
	height:95px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/fondo_pie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}



 /* -----------  contenido -------------------- */
 
.contenidointerior {
	float: left;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d372d;
	padding:3px 12px 12px 12px;
	width:432px;
	height:auto;
}

.contenidointerior h1 {
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#8f9e19;
	margin-bottom:15px;
	padding-bottom:3px;
	display:block;
	border-bottom: 1px solid #DA8845;
	font-weight:bold;
}

.contenidointerior h3 {
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d372d;
	padding-left:8px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

.destacadointerior {
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d372d;
	padding-left:8px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-weight:bold;
}

.contenidointerior h2 {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e87e23;
	font-weight:bold;
	margin-bottom:5px;
}
.contenidointerior h2#pasos {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e87e23;
	font-weight:bold;
	margin-bottom:23px;
	background-image: url(../images/flecha.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:27px;
}

.contenidointerior h2#destacado {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e87e23;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	background-image: url(../images/flecha.gif);
	background-repeat: no-repeat;
	background-position: left 13px;
	padding-left:27px;
	padding-top:15px;
	border-top:1px dashed #c9c9c9;
}

.contenidointerior p {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d372d;
	padding-bottom:10px;
}

.contenidointerior .lista {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d372d;
	padding-left:15px;
	background-image: url(../images/bullet-verde.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	margin-left:14px;
}

.contenidointerior li{
	list-style: none;
	background-image: url(../images/bullet.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-bottom:7px;
}


 /* -----------  pasos -------------------- */

#paso01, #paso02, #paso03, #paso04 {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	width:364px;
	height:24px;
	margin:5px 0px;
	padding:10px 0px 0px 50px;
	background-image: url(../images/paso01.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

#paso02 {
	background-image: url(../images/paso02.gif);
}

#paso03 {
	background-image: url(../images/paso03.gif);
}

#paso04 {
	background-image: url(../images/paso04.gif);
}



 /* -----------  links -------------------- */
 
a:link.txtlink, a:visited.txtlink, a:active.txtlink{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ce7529;
	text-decoration:none;
}

a.txtlink:hover{
	color:#4d372d;
}



a:link.isolink, a:visited.isolink, a:active.isolink{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8f9e19;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: right top;
	padding-right:15px;
}

a.isolink:hover{
	color:#de8f27;
}



a:link.pielink, a:visited.pielink, a:active.pielink{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#625854;
	text-decoration:none;
}

a.pielink:hover{
	color:#B1AAA7;
}

 #Cajaacerca, #Cajaacerca2 {
	width:205px;
	height:auto;
	margin-bottom: 15px;
	border-right: 1px dashed #F1AE78;
	float:left;
	margin-top:20px;

	}
	
	 #Cajaacerca2 {
	width:215px;
	border-right: 0px dashed #F1AE78;
	margin-left:8px;
		margin-top:20px;

	}

   #Cajaacerca span, #Cajaacerca2 span{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e87e23;
	font-weight:bold;
	padding-left:30px;
	padding-top:8px;
	display:block;
	float:left;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width:150px;
	height:30px;
}


   .contenidoTitulo{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:35px;
	padding-top:8px;
	display:block;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:400px;
	height:19px;
}

   .contenidoTituloCaja{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:35px;
	padding-top:8px;
	display:block;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:400px;
	height:auto;
}

   .contenidoTXT{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:35px;
	display:block;
	width:400px;
}
 



 /* -----------  banners -------------------- */
 
   #contenidoBanners{
	float: left;
	width: 775px;
	height:281px;
	background-image: url(../images/fondo_banners.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;

}
  .contenidobanner01{
	width:239px;
	height:106px;
	float:left;
	position:absolute;
	bottom:71px;
	left:0px;
}

  .contenidobanner02{
	width:271px;
	height:98px;
	float:left;
	position:absolute;
	bottom:71px;
	left:239px;
}

  .contenidobanner03{
	width:253px;
	height:109px;
	position:absolute;
	bottom:-38px;
	left:154px;
}

  .contenidobannerModalidad{
	width:140px;
	height:80px;
	float:left;
	position:absolute;
	top:14px;
	left:32px;
}
  .contenidobannerVentaja{
	width:142px;
	height:80px;
	float:left;
	position:absolute;
	top:15px;
	left:174px;
}

  .contenidobannerConsejos{
	width:130px;
	height:65px;
	float:left;
	position:absolute;
	top:31px;
	left:341px;
}
 
 
   #bannerlinks{
	width:425px;
	height:26px;
	margin:8px 15px 3px 40px;
	background-image: url(../images/botoneslinks.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

   #bannerlinks span a{
	width:100px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	padding-top:5px;
	display:block;
	float:left;
	margin-left:20px;
	background-image: url(../images/botoneslinks_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
 
#bannerlinks span a:hover{
	color: #d8e8f2;
	background-image: url(../images/botoneslinks_bullet2.gif);

}

 /* -----------  menu -------------------- */
 
 
 #menubar{
margin: 0;
padding: 0;
height:27px;
position:absolute;
top:25px;
right:30px;
z-index:2;
}

#menubar ul{
	padding-left: 0;
	margin: 0;
	float: left;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#332620;
	background-image: url(../images/btnera_fondo.gif);
	background-repeat: repeat-x;
	height:27px;
}

* html #menubar ul{ 
margin-bottom: 1em;
}

#menubar ul li{
display: inline;
}


#menubar ul li a, #menubar ul li span{
	float: left;
	color: #332620;
	font-weight: normal;
	padding: 5px 10px 0px 10px;
	text-decoration: none;
	background-image: url(../images/btnera_separador.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:22px;
}

#menubar ul li span{ 
padding-left: 0px;
}


#menubar ul li a.leftcorner{
	float:none;
	padding-left: 10px;
	padding-right: 0px;
	background-image: url(../images/btnera_izq.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:27px;
	padding-bottom:15px;
}

#menubar ul li a.rightcorner{
	padding-right: 10px;
	background-image: url(../images/btnera_der.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:27px;
}

#menubar ul li a:hover{
	color: #7C5C4E;
}

 /* -----------  right column -------------------- */

.derechabanner02{
	margin-left:5px;
}

#Newsletter{
	width:266px;
	height:121px;
	margin:5px 0px 0px 0px;
}

#Newslettertit{
	width:266px;
	height:51px;
	background-image: url(../images/tit_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#Newslettercontenido{
	width:266px;
	height:60px;
	background-image: url(../images/fondo_news.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom:5px;
	position:relative;
}

#NewsletterBoton{
	width:73px;
	height:24px;
	position:absolute;
	bottom:-6px;
	right:20px;
}


#Newsletter p.Newserror{
	color:#c71313;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:3px 5px 8px 30px;

}

#Newsletter p{
	height:15px;
	width:50px;
	padding:3px 5px 3px 30px;
	color:#558177;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	float:left;
}

#Newsletter span{
	height:15px;
	width:168px;
	padding:3px 5px 5px 5px;
	float:left;
}

   .Formnews{
	width:150px;
	height:13px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
	color:#558177;
	background-color:#c2d2ce;
	border:1px solid #c2d2ce;
}


/* -- BEGIN CALCULATOR   */



#Calculadora{
	width:266px;
	height:228px;
	margin:0px 0px 5px 0px; 
}


#Calculadoratit{
	width:266px;
	height:84px;
	background-image: url(../images/tit_calculadora.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#Calculadoracontenido{
	width:266px;
	height:104px;
	background-image: url(../images/fondo_calcu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#Calculadoracontenido p{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:7px;
	color:#7ba69c;
	display:block;
	float:left;
	width:20px;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:124px;
}

#Calculadoracontenido p.txtCalcu{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:7px;
	color:#e87e23;
	display:block;
	float:left;
	width:60px;
	font-weight:bold;
	margin-left:5px;
	margin-top:3px;
	position:absolute;
	top:0px;
	left:149px;
}



#Calculadoracontenido ul.slider { list-style: none; width: 100%; height: 20px; padding: 0px 0 0 0;}

#Calculadoracontenido ul.slider li a { position: absolute; overflow: hidden;  text-indent: -10001px; cursor: pointer; } 

#Calculadoracontenido ul.slider li.menos a {
	left: 12px;
	top: 85px;
	height:20px;
	width:20px;
}
#Calculadoracontenido ul.slider li.mas a {
	right: 17px;
	top: 83px;
	height:20px;
	width:20px;
}
#Calculadoracontenido ul.slider li.drag {
	position: absolute;
	left: 37px;
	top: 87px;
	width: 191px;
	height: 20px;
}


#Calculadoracontenido ul.slider li.drag a { position: static; width: auto; height: auto; text-indent: 0; }

#Calculadoracontenido ul.slider li.drag a span {
	position: absolute;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url(../images/bullet-calcu.gif) no-repeat;
	text-indent: -10001px;
	cursor: w-resize;
	top: -3px;
}

#Calculadoracontenido ul.slider li.drag a:hover span,
#Calculadoracontenido ul.slider li.drag a:focus span,
#Calculadoracontenido ul.slider li.drag a:active span { background: url(../images/bullet-calcu2.gif) no-repeat; }

#Calculadorapie{
	width:266px;
	height:36px;
	background-image: url(../images/fondo_calcupie.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#Calculadorapie p{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	padding-top:7px;
	color:#FFF;
	display:block;
	float:left;
	width:155px;
	font-weight:bold;
}




/* -- END CALCULATOR */



 /* -----------  footer -------------------- */

 
 #footerLogo {
	width: 258px;
	height:74px;
	margin: 21px 0px 0px 0px;
	float:right;
}

#footerBis {
	width: 775px;
	height:33px;
	clear: both;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/fondo_pieBis.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footerBis p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:8px 8px 0px 115px;
	color:#625854;
}

#footermenu{
	width:380px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:55px 8px 0px 115px;
	color:#332620;
	float:left;

}

#footermenu ul{
margin: 0;
margin-bottom: 0px;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
}

* html #footermenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#footermenu ul li{
display: inline;
}


#footermenu ul li a{
	float: left;
	color: #332620;
	font-weight: normal;
	padding: 0px 5px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	border-right:1px solid #332620;
	height:10px;
}

#footermenu ul li a:hover{
	color: #191310;
}

#footermenu2{
	width:390px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:8px 0px 0px 0px;
	color:#8b9248;
	float:left;
}

#footermenu2 ul{
margin: 0;
margin-bottom: 0px;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
}

* html #footermenu2 ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#footermenu2 ul li{
display: inline;
}


#footermenu2 ul li a{
	float: left;
	color: #8b9248;
	font-weight: normal;
	padding: 0px 3px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	border-right:1px solid #8b9248;
	height:10px;
}

#footermenu2 ul li a:hover{
	color: #a3a96e;
}

 /* -----------  form -------------------- */

 

   .Formcontenido {
	height:auto;
	width:430px;
	float:left;
 }
 
     .Formcontenido p {
	width:120px;
	float:left;
	padding-left:7px;
	background-image: url(../images/bullet-verde.gif);
	background-repeat: no-repeat;
	background-position: left 5px;	
	color:#332620;
 }
      .Formcontenido p.largo {
	width:160px;
	float:left;
	padding-top:3px;
	color:#332620;

 }
 
      .Formcontenido span {
	padding: 0px 0px 0px 0px;
	float:left;
	color:#e87e23;
	width:295px;
	vertical-align:top;
	display:block;
 }
       .Formcontenido span.chek {
	padding: 0px 0px 0px 0px;
	float:left;
	color:#e87e23;
	width:210px;
	vertical-align:top;
	display:block;
 }
 
 
      .Formcontenedor {
	padding: 0px 0px 3px 5px;
	float:left;
	width:426px;
 }
 
       .Formcontenido .obligatorio {
	padding: 0px 5px 10px 0px;
	float:right;
	font-size:10px;
	text-align:right;
	color:#e87e23;
	font-weight:normal;
 }
 
    .Formtxt{
	width:275px;
	height:15px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:10px;
	padding-left:5px;
	border:1px solid #7f9db9;
	margin-bottom:5px;
	background-color:#F9F8F7;
	float:left;
	margin-right:5px;
}


    .Formcheck{
	width:11px;
	height:11px;
	background-color:#FFFFFF;
	border:1px solid #7f9db9;
	background-color:#F9F8F7;
	float:left;
	margin-right:5px;
}

    .Formselect{
	width:280px;
	height:18px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:10px;
	padding-left:5px;
	border:1px solid #7f9db9;
	margin-bottom:5px;
	background-color:#F9F8F7;
	float:left;
	margin-right:5px;
}


   .Formtxtarea{
	width:275px;
	height:60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	font-size:10px;
	padding-left:5px;
	border:1px solid #7f9db9;
	margin-bottom:5px;
	background-color:#F9F8F7;
	float:left;
	margin-right:5px;
}


   .Formbtn{
   float:right;
   width:68px;
   height:24px;
   margin:10px 20px 5px 0px;
}

/* contacto-index */

.contactoCuadro {
	z-index:2;
	position:absolute;
	top:70px;
	left:-311px;
	width:290px;
	height:250px;
}

#contactoContenido {
	width:290px;
	height:295px;
	border:3px solid #de8f27;
	background-color:#dadf94;
	padding:10px 10px 10px 18px;
}

#contactoContenido p {
	width:120px;
	float:left;
 }
 
 #contactoContenido p.txt10 {
	width:280px;
	float:left;
	color:#515817;
	font-size:9px;
	margin-bottom:10px;
 }
 
 .contactoContenidoForm {
	padding: 5px 0px 3px 0px;
	width:290px;
 }
 
 
  .contactoContenidoFormTxt {
	padding: 0px 0px 8px 0px;
	width:350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#747474;
	font-size:9px;
	display:block;
 }
 
#contactoContenido span {
	padding: 0px 0px 3px 0px;
	float:left;
	color:#d74808;
	width:360px;
	vertical-align:top;
 }

 
 .ContacoObligatorio {
	font-size:10px;
	text-align:right;
	color:#d74808;
	font-weight:normal;
	margin-left:100px;
 }


   .Formtxt3{
	width:260px;
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	font-size:10px;
	padding-left:5px;
	border:1px solid #7f9db9;
	margin-bottom:5px;
	background-color:#F9F8F7;
	float:left;
	margin-right:5px;
}

   .Formtxtarea2{
	width:260px;
	height:60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	font-size:10px;
	padding-left:5px;
	border:1px solid #7f9db9;
	margin-bottom:5px;
	background-color:#F9F8F7;
	float:left;
	margin-right:5px;
}

.contactobtn {
	width:200px;
	margin:5px 0px 5px 0;
	float:right;

 }



.CajaBullet {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #332620;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	float: left;
	vertical-align: bottom;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:8px;
	clear:both;
	display:block;
	width:95%;
	text-indent:5px;
	line-height:15px;
 }
   A:link.cajalinks    , A:visited.cajalinks   {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #332620;
	text-decoration:none;
	width:95%;


 }
 
 A:hover.cajalinks , A:active.cajalinks {
	color: #e67905;
}


   A:link.linkmapa , A:visited.linkmapa {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #332620;
	font-weight:bold;
	text-decoration:none;
	width:95%;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:10px;
	height:15px;
 }
 
 A:hover.linkmapa  , A:active.linkmapa {
	color: #e67905;
}
