@import url("reset.css");

/****************************************HACKS para IE6: */
*html .img-producto{
	margin:6px 10px 10px 3px;
	padding:0;
	float:left;
}

*html .caja-texto-producto-largo{
width:240px;
}

*html #cabecera{
margin:0 0 0px 0;
height:20px;

}
/****************************************HACKS para IE7: */
*:first-child+html {}

/* General */

body {
	color: #676767;
	font: 62.5%/50% Verdana, Arial, Helvetica, sans-serif; 
	background:#fff;
	line-height: 1.5em;
	margin:0;
}

/* Cajas */

#contenedor{
width:770px;
margin:0 auto;
}

#izquierda{
width:144px;
float:left;
    word-wrap: break-word; /* hack IE */
    overflow: hidden;     /* hack IE */
}

#contenido{
width:616px; 
float:left;
margin:0;
    word-wrap: break-word; /* hack IE */
    overflow: hidden;     /* hack IE */
}

#cabecera{
width:615px;
height:82px;
background: url(http://img.webnation.it/cp/images/cabecera.gif) no-repeat;
margin:0 0 20px 0;
}

/* Enlaces */

a:link, a:visited, a:hover, a:active {
	color: #3333ff;
}

a:hover { text-decoration: none;}


/****************************************************************************** Izquierda */

/* Logo */

h1 {margin:0;}

h1 a{
width:144px;
height:82px;
text-indent:-9000px;
display:block;
background: url(http://img.webnation.it/cp/images/logo.gif) no-repeat;
margin:0 0 20px 0;
}

/* Menu */

.txt-menu {
display:none;
}

#menu{}

#menu ul{
list-style-type: none
}

#menu ul li{
margin-left: 1em;
margin:0;
padding:0;
}

#menu ul li a{color:#000;}

#menu ul li a:hover{color:#3333ff; text-decoration:underline;}

#menu ul li.menu-flecha{
background: url(http://img.webnation.it/cp/images/ico-02.gif) 0 1px no-repeat;
padding:0 0 0 8px;
margin:10px 0;
}

#menu ul li.menu-flecha a{
padding: 0 0 0 8px;
font-weight:bold;
color:#3333ff;
}

#menu ul li.menu-destacado a{
font-weight:bold;
}

#menu ul li.menu-cuadro{
background: url(http://img.webnation.it/cp/images/ico-02.gif) 0 1px no-repeat;
margin:10px 0;
padding:0 0 0 15px;
font-weight:bold;
color:#3333ff;
}

#menu ul li ul li{
background: url(http://img.webnation.it/cp/images/ico-01.gif) 5px 5px no-repeat;
margin: 0 0 0 -20px;
padding:0 0 0 15px;
}


/* Banner */

#banner{
margin:20px 0 0 0;
}

#banner-arriba{
}

#banner-contenido{
padding:0 0 0 10px;
}

#banner-abajo{
}


/***************************************************************************** Contenido */

/* Cabecera */

#cabecera h2{
text-indent:-9000px;
}

#cabecera ul{ margin: 40px 10px 0 0; list-style-type: none; padding:0 10px 0 0;}

#cabecera ul li{float:right;margin:0; font-size:1.2em; font-weight:bold; color:#fff;}

#cabecera ul li a{ color:#fff; padding:2px;}

#cabecera ul li .actual, #cabecera ul li a:hover {color:#fff; text-decoration:underline;}

#img-cabecera {width:600px; height:132px; margin:10px 5px 10px 5px; background: url(http://img.webnation.it/cp/images/cabecera.jpg) no-repeat;}

#img-cabecera h2 { text-indent:-9000px}

/* contenido principal */

#contenido-principal {margin:0 0 0 10px;}

#contenido-principal h2.cabecera-grande-01{
	background: url(http://img.webnation.it/cp/images/cabecera-grande.gif) -10px 0 no-repeat;
	height:27px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	padding: 9px 0 0 30px;
	margin:0 0 10px 0;
}

#contenido-principal .intro{
padding: 0 10px 0 0px;
margin:0 0 20px 0;
}


/****************************************************************
*****************************************************************
*****************************************************************

                        CAJA PRODUCTOS
          En todas las secciones se usa la misma caja

*****************************************************************
*****************************************************************
*****************************************************************/


/* Margenes para las secciones */
.caja-producto-home{
float:left;
width:290px;
margin:0 10px 10px 0;
border:1px solid #66cc00;
}


/* Caja producto */

.caja-producto-txt{ height:120px; margin:0; padding:0;}

.caja-producto h3, .caja-producto-largo h3, .caja-producto h2{
	background: #66cc00 url(http://img.webnation.it/cp/images/ico-03.gif) 4px 6px no-repeat;
	padding:2px;
	margin: 0;
	}

.caja-producto h3 a, .caja-producto-largo h3 a, .caja-producto h2{
color:#fff;
font-size:1.1em;
font-weight:bold;
padding:0 0 0 10px;
}

.caja-producto h3 a:visited, .caja-producto-largo h3 a:visited{color:#fff;}

.img-producto{
	margin:6px 10px 10px 6px;
	padding:0;
	float:left;
}

.img-producto a img{
	width:80px;
	height:80px;
	border:1px solid #c2c2c2;
}

.caja-texto-producto{
	float:left;
	width:192px;
	margin:5px 0 0 0;
	padding:0 0 0 0;
}

.texto-producto{ margin:0 0 10px 0; height:70px;}

.texto-producto a{
color: #333;
display:block;
}

.texto-producto a:hover{
color: #3333ff;
}

.caja-producto .enlace-producto{
	margin:10px 0;
}

.caja-producto .enlace-producto a, .caja-producto-largo .enlace-producto a, .ficha-mas-info .enlace-producto a{
text-indent:-9000px;
background: url(http://img.webnation.it/cp/images/boton-solicita-home.gif) bottom no-repeat;
display:block;
width:184px;
height:24px;
}

.caja-producto-largo .enlace-producto, .caja-producto-largo .enlace-producto-pos a{ float:right; margin:10px 0;}

.caja-producto .enlace-producto-pos a, .caja-producto-largo .enlace-producto-pos a{
text-indent:-9000px;
background: url(http://img.webnation.it/cp/images/mas-informacion.gif) bottom no-repeat;
display:block;
width:184px;
height:24px;
}

.caja-producto .enlace-producto a:hover, .caja-producto-largo .enlace-producto a:hover, .ficha-mas-info .enlace-producto a:hover{
background: url(http://img.webnation.it/cp/images/boton-solicita-home.gif) top no-repeat;
}

.caja-producto .enlace-producto-pos a:hover, .caja-producto-largo .enlace-producto-pos a:hover{ 
background: url(http://img.webnation.it/cp/images/mas-informacion.gif) top no-repeat;
}

.caja-producto ul{
	list-style-type: none;
}

.caja-producto ul li{
	background: url(http://img.webnation.it/cp/images/fondo-menu-flecha2.gif) 4px 7px no-repeat;
	padding:0 0 0 10px;
}


/* productos largos */

.caja-producto-largo{
	margin:10px 0;
	padding: 0 0 10px 0;
	border:1px solid #66cc00;
	height:1%;
}

.cabecera-producto{background:#66cc00;}

.nombre-producto-largo{font-size:1.1em; width:340px; float:left;}
.afondo-producto-largo{font-size:1.1em; width:210px; text-indent:10px; float:right; font-weight:bold; color:#fff;}


.caja-producto-largo .caja-producto{ width:350px;}

.caja-producto-txt-largo{
	padding:0;
	width: 350px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	float: left;
}
.caja-texto-producto-largo{
	float:left;
	width:250px;
	margin:5px 0 0 0;
}

.caja-texto-producto-largo .texto-producto{ height:auto;}

.texto-relevante{
	width:200px;
	float:right;
	margin:0 5px 10px 0;
	padding: 5px;
}

.texto-relevante h4{
	font-weight:bold;
	color:#163d5b;
	background: url(http://img.webnation.it/cp/images/cuadro_morado.gif) 0 6px no-repeat;
	text-indent:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin:0 0 10px 0;
	border-bottom:1px solid #321;
}

.texto-producto ul{
	margin:0;
	padding:0;
}

.texto-producto ul li{
	margin:0 0 0 10px;
}

/* producto final */

.caja-producto-final { border:1px solid #66cc00;}
.caja-texto-producto-final{padding:0 10px 10px 10px;}
.caja-texto-producto-final img{float:left; width:80px; height:80px; border:1px solid #c2c2c2; margin:0 10px 0 0;}

/* ficha grande */

.ficha-grande{}

.caja-producto h2, .ficha-mas-info h2{
background:#66cc00 url(http://img.webnation.it/cp/images/ico-03.gif) 4px 5px no-repeat;
margin: 0 0 10px 0;
color:#fff;
font-size:1.1em;
font-weight:bold;
padding:0 0 2px 10px;
}

.img-producto-final{
text-align:center;
margin:0 0 10px 0;
}

.img-producto-final img{
width:150px;
margin:0 0 10px 100px;
float:left;
}

.enlace-info-grande a{
text-indent:-9000px;
background: url(http://img.webnation.it/cp/images/boton-arriba.gif) no-repeat;
display:block;
width:154px;
height:95px;
margin:0 100px;
float:right;
}

.caja-texto-producto-final .enlace-producto a, .ficha-mas-info .enlace-producto a{margin:30px auto;}

.ficha-mas-info{border:1px solid #66cc00; margin:10px 0 0 0;}
.txt-landing-abajo{padding:0 10px 10px 10px;}
.txt-landing-abajo ul{padding:0 0 0 10px;}

/************************************************************************* Noticias */

#noticias{
background: #FFF url(http://img.webnation.it/cp/images/fondo-noticias.gif) repeat-y;
border-bottom:1px solid #66cc00;
margin:20px 0 0 0;
}

#noticias h2{
background: url(http://img.webnation.it/cp/images/fondo-cabecera-blog.gif) no-repeat;
height:63px;
padding: 10px 0 0 100px;
text-transform: uppercase;
font-weight:bold;
color:#FFF;
}

.noticia {
padding: 0 10px 10px;
}

.noticia-titulo{
background: url(http://img.webnation.it/cp/images/ico-04.gif) 0 5px no-repeat;
padding:0 0 0 8px;
margin:0 0 10px 0;
font-weight:bold;
color:#66cc00;
font-size:1.1em;
}

.noticia-titulo a{
color:#66cc00;
}

.noticia-pie{
margin:10px 0;
border-bottom:1px dotted #66cc00;
height:24px;
}

.noticia-fecha{
float:left;
}

.noticia-ver-mas a{
background: url(http://img.webnation.it/cp/images/ico-05.gif) 64px 2px no-repeat;
display:block;
float:right;
font-weight:bold;
padding: 0 16px 10px 10px;
color:#3333ff;
}

.noticia-ver-mas a:hover{ color:#66cc00;}

/* Paginacion */

.paginado{
 	text-align: center;
	margin:0 0 10px 0;
}


/* contenido izquierda */

#contenido-izquierda{
border-right:4px dotted #d4d4d4;
width:275px;
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0;
}

#contenido-izquierda h2.cabecera-peq-01{
	background: url(http://img.webnation.it/cp/images/cabecera-peq-02.gif) no-repeat;
	height:27px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	padding: 9px 0 0 30px;
	margin:0 0 10px 0;
}

/* contenido derecha */

#contenido-derecha{
width:300px;
float:right;
}

h2.cabecera-peq-01{
	background: url(http://img.webnation.it/cp/images/cabecera-peq.gif) no-repeat;
	height:27px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	padding: 9px 0 0 30px;
	margin:0 0 10px 0;
}

.caja-producto-derecha{border:1px solid #66cc00; margin:0 0 10px 0;}


/* producto izquierda */

#producto-izquierda{
width:365px;
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0;
}

#producto-izquierda .caja-texto-producto{
width:260px;
}

/* producto derecha */

#producto-derecha{
width:220px;
float:right;
}

/* Caja de google adsense */
.caja_google_bajo{float:left;margin-left:5px}

/****************************************************************************************** Sitemap */

#sitemap ul{ padding:0 0 0 10px;}
#sitemap a:hover{ text-decoration:underline;}


#sitemap ul li a{

}

#sitemap ul li ul li a, #sitemap-noticia ul li a{

}


/*************************************** form calculadora */

#caja-calculadora-cuotas{
padding: 0 0 10px 0;
border-bottom:1px dotted #ff4e00;
background: url(http://img.webnation.it/cp/images/fondo-calculadora.gif) no-repeat;
}

#caja-calculadora-cuotas h3{
font-weight:bold;
color:#163d5b;
background: url(http://img.webnation.it/cp/images/ico-flecha-01.gif) 3px 8px no-repeat;
padding:4px 0 0 10px;
font-size:1.1em;
margin: 0 0 10px 0;
}

#caja-calculadora-cuotas h4{
background: #dadce1 url(http://img.webnation.it/cp/images/ico-flecha-03.gif) 4px 6px no-repeat;
padding:2px 2px 2px 10px;
color:#000;
font-weight:bold;
margin: 0 0 10px 0;
}

#caja-calculadora-izq{
float:left;
width:295px;
margin:0 10px 0 0;
}

#caja-calculadora-der{
float:left;
width:295px;
}

#caja-detalle{
margin:10px 0;
}

#columna-detalle-01{
margin:10px 10px 10px 0;
width:295px;
float:left;
}

#columna-detalle-02{
margin:10px 10px 10px 0;
width:295px;
float:left;
}


/********************************************************************************************* Forms */

#txt-contacto{
margin:0 0 20px 0;
}

input.enviar{
width:50px;
background:#163d5b;
border:#fff 1px solid;
font-weight:bold;
color:#fff;
margin:10px 0 0 190px;
}

/* form contacto */

.form-color-02{
width:250px;
margin: 0 auto;
}

.form-color-02 label.form-label {
	width: 80px;
	float: left;
	text-align: right;
	padding:0 0 5px 0; 
	margin:0 5px 0 0;
	font-weight:bold;
}

.form-color-02 input.form-input, .form-color-02 textarea.form-input {
	width: 150px;
	padding:2px;
	margin:00 0 5px 0;
	border:1px solid #3333ff;
	color:#000;
}
.form-color-02 br{clear:left;}

.form-color-02 .calcular{
border:none;
padding:2px;
background:#3333ff;
margin:10px 0 0 85px;
width:60px;
font-weight:bold;
display:block;
cursor:pointer;
color:#fff;
}

.form-color-02 .calcular:hover{background:#66cc00;color:#fff;}

.testarea-privacidad{border: 1px solid #3333ff; font-size: 11px; width:98.5%; margin:10px 0 0 0;}

/**********************************************************************************************pie */ 

#pie{margin:20px 0 0 0;}

#caja-destacados-pie{
color:#fff;
margin:20px 0 0 0;
background: url(http://img.webnation.it/cp/images/fondo-destacados-pie.gif) no-repeat;
height:36px;
}

#caja-destacados-pie a{color:#fff;padding:2px;}

#caja-destacados-pie a:hover { text-decoration:underline;}

#caja-destacados-pie ul{
padding:10px 0 0 0;
list-style-type: none;
text-align:center;
height:25px;
}

#caja-destacados-pie ul li{
display: inline;
margin:0;
padding:0;
}

#caja-menu-pie{
margin:20px 0 0 0;
}

#caja-menu-pie ul{
list-style-type: none;
text-align:center;
margin:0 0 10px 0;
}

#caja-menu-pie ul li{
display: inline;
margin:0;
padding:0;
}

#caja-menu-pie ul li a{
color:#888;
padding:2px;
}

#caja-menu-pie ul li a:hover{
color:#fff; background-color:#3333ff;
}

#copy{
text-align:center;
margin:0 0 10px 0;
}

#copy a{
color:#888;
}

#copy a:hover{
text-decoration:underline;
}

/*** clases  ***/

.clear {
	clear: both;
}

.punteado-color-01 {   /* naranja */
height:1px;
border-top:1px dotted #ff4e00;
padding:2px;
margin:2px;
}

.color-01{color:#3333ff;}  /* azul */

.color-02{color:#66cc00;}  /* verde */

.center {text-align:center;}

.boton-ver-mas{
	float:right;
	margin:10px 10px 10px 0;
}

.boton-ver-mas a{
background: url(http://img.webnation.it/cp/images/boton-ver-mas.gif) bottom no-repeat;
display:block;
width:76px;
height:23px;
text-indent:-9000px;
}

.boton-ver-mas a:hover{
background: url(http://img.webnation.it/cp/images/boton-ver-mas.gif) top no-repeat;
}

.boton-volver{
	float:right;
	background: url(http://img.webnation.it/cp/images/ico-flecha-04.gif) 0 2px no-repeat;
	margin:10px 0;
}

.boton-volver a{
	padding:0 0 0 20px;
	text-transform: uppercase;
	font-weight:bold;
}