/********************************************
   AUTHOR:  	  	Peru 3d
   WEBSITE:   		 Campos de abril
   TEMPLATE NAME:    Campos de abril	 	
   VERSION:          1.0          	
 *******************************************/
 
/********************************************
   ELEMENTOS HTML 
********************************************/ 

/* reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


div{
	text-align: left
	}

ul, li{
	margin:0;
	padding:0}

body{
	background:#f3f3f3 url(../img/fondo.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#313656;
	margin: 0;}
	
a {color:#3B6BBF;
	text-decoration:none;	
	}

a:hover {color:#d40000;	
	}


/**************************************
   LAYOUT 
***************************************/	

/* ajustes de anchos fijos para el layout */
.contenedor{
	background:white;
	border:#B9B9B9 1px solid;
	border-top:none;
	width: 759px;
	}
	

	
.principal{
	width:506px;
	float:left;
	overflow:hidden;
	}

.wide{
	width: 759px;
	background:white;
	}
	
.columna{
	width:253px;
	float:right;
	}
	
.tope{
	height:48px;
	background: url(../img/encabezado-fondo.gif) repeat-x;
	overflow:hidden
	}


.pie{
	background:#2D375A;
	padding:6px;
	text-align:right;
	height:22px;
	overflow:hidden;
	}



.login {
	font-size:10px;
	font-weight:bold;
	color:white;


	}
	
.login table{
	height:48px;
	}	
	
.login table td{vertical-align:middle;}	
	
.login input{
	width:92px;
	height:14px;
	border:#9AADB4 1px solid;
	font-size:10px;
	color:#5E626B;
	background:url(../img/input-fondo.gif) repeat-x}


.nav			{
	background:url(../img/nav-fondo.gif) repeat-x;
	height:23px;
	overflow:hidden;
	border-top:#8B939F 1px solid;
	border-bottom:#2D375A 15px solid;
	padding-left:15px;
	line-height:22px}
	
.nav, .nav a{
	color:#2e3658;
	font-size:10px;
	font-weight:bold;}
.nav a{
	margin:0 4px 0 4px;
	text-decoration:none;}	

.nav a:hover{	
 	color:#d40000;	}

.home{
	background: url(../img/contenido-fondo.gif) repeat-y left}
	
.principal h1, .columna h1{
	height:36px;
	background:url(../img/titular-fondo.gif) no-repeat;
	overflow:hidden;
	line-height:35px;
	padding-left:25px;
	font-size:17px;
	color:#d40000;
	font-weight:lighter;}
	

.principal h1 a, .columna h1 a{
	color:#d40000;
	line-height:35px;
	}


.columna h1{
	background:url(../img/titular-col-fondo.gif) no-repeat;
	margin-bottom:15px;}

.principal .margen{
	margin:15px 20px 15px 20px;}
	
/*producto*/

.producto{
	float:left;
	border:#e4e4e4 1px solid;
	height:230px;
	width:220px;
	overflow:hidden;
	margin-right:11px;
	*margin-right:15px;
	margin-bottom:15px;}

.producto .alto-fijo{
	height:212px;
	width:220px;
	overflow:hidden;
	}
	
.producto .descripcion, .producto-amp .descripcion{
	font-size:10px;

	background: #FEE0B9 url(../img/desc-fondo.gif) repeat-x;
	padding:6px 10px;
	line-height:12px;
	}
	
.producto .img{
	height:165px;
	margin:10px 10px 0 10px;
	}
	

/*producto amp*/


.producto-amp{
	margin-top:20px;}
	
.producto-amp td{
	vertical-align:middle;
	text-align:center;}	
		
	
.producto-amp table{
	height:220px;
	border:#C2D9EF 1px solid;}
	
.producto-amp .img{
	width:230px;
	margin-left:10px;
	
	}

.producto-amp .img .slide{	
	background: #f5f5f5;
	border:#eaeaea  1px solid;
	border-right:none;
	font-size:10px;
	color:#999;
	margin-top:10px;}

.producto-amp .img .slide table{
	height:15px;	
	border:none;}

.producto-amp .img .slide table td{
	border-right:#ddd  1px solid;}	

.producto-amp .img .slide table td a{
	color:#999}
	
.producto-amp .ficha{
	background: #fbfdff;
	border-right:#C2D9EF  1px solid;
	vertical-align:top;
	text-align:left;
	width:206px;
	font-size:10px;
	color:#3B6BBF;
	text-align:left;}

.producto-amp .ficha ul{
	list-style-type: disc;
	list-style-position:inside;
}
.producto-amp .ficha ul li{
	line-height:170%;}

.producto-amp .margen{
	margin:10px;
	}
	
	
.producto-amp .precio{
	
	border-bottom:#C2D9EF 1px solid;
	padding:5px;
	background:#EFF7FF;
}	

.producto-amp .precio b{
	font-size:15px;
	color:#1D4C9F;}
	


.wide .producto{
	margin-right:17px;
	*margin-right:17px;
	margin-bottom:15px;}

/*nota*/

.nota{
	font-size:12px;
	}

.nota .notita h2, .nota h2, .nota p{
	line-height:160%;
	margin-bottom:10px;
	}
.nota h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;}


.nota h2 a{
	color:#313656;}

.nota .img{
	float:left;
	width:auto;
	display:block;
	margin-right:18px;
	margin-bottom:10px;}
	
.nota .notita 	img{
	float:left;
	margin:0 10px 6px 0
	}
	
.nota .notita{
	border-bottom:#ccc 1px solid;
	padding-bottom:10px;
	}	
	
.nota .notita h2, .nota .notita p{
	line-height:140%;}	

/*columna*/
.columna{
	font-size:10px;
	color:#616972;}
.columna a{
	color:#616972;}	
.columna .notita, .columna .tabla_01{
	margin:10px 14px 10px 14px;	}

.tabla_01 table{	
	border: #D1D7DF 1px solid;
	border-right:none;}
	
.tabla_01 table td{
	border-right: #D1D7DF 1px solid;
	background:#EFF6FF;
	text-align:center;
	padding:5px;}	
	
.columna .notita{
	background:url(../img/notita-col-sep.gif) no-repeat bottom;
	/*height:148px;
	*height:138px;*/
	/*overflow:hidden;*/
	*padding-bottom:10px;
	}

.columna .notita h2{

	font-weight:bold;
	font-size:11px;
	margin-bottom:6px;
	line-height:115%;
	}	
	



.columna .notita  img{
	margin-right:10px;
	margin-bottom:5px;
	border:#b1bbc5 2px solid;
	float:left;
	}	
	
.columna .notita p{	
	line-height:120%}



/*buscar*/

.caja{
	border: #D1D7DF 1px solid;
	background:#EFF6FF;
	padding:6px
	}

/*btn*/

.btn-ampliar{
	position:relative;
	bottom:0;
	float:right;
	margin-right:10px;
	}

.columna .btn-mas img, .btn-mas img{
	border:none;
	float:right;
	clear:left;}
	
.nota .notita .btn-mas{
	float: right;
	/*position:relative;
	top:-10px;*/}	

/**************************************
   ELEMENTOS GENERALES
***************************************/

/* clases de alineacion */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

input, select, textarea{
	font-size:10px;
	color:#313656;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


/* fijar alto */

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */
/* Hack para IE7 */
.clearfix {zoom: 1;}




/**************************************
   TEST 
***************************************/

.test1{background:red;}
.test2{background:blue;}
.test3{background:green;}
.test4{background:orange;}
.test5{background:purple;}
.test6{background:yellow;}
.test7{background: #CCCCCC;}