body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}*/


html,body {
height:100%;

}

body{
margin-top:0px;
font-family: Verdana,Helvetica,Arial,sans;
font-size:11px;
line-height: 1.4;
background-color:#F8F8F8;/*#F8F8F8;*/
padding-top:0px;
background-image: url(../imagenes/fondoGeneral.png);
background-repeat:repeat-x;
background-position:top;
height: 100%;

}

#clear_both{
clear:both;
}




#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	background-image:url(../imagenes/cabecera.png);
	background-repeat:no-repeat;
}

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	/*background:#ffd8b7;*/		/* Left column background colour */

}






#colmid {
	float:left;
	width:200%;
	position:relative;
	left:220px;				/* Width of left column */
	/*background:#fff;*/    	/* Centre column background colour */
	
	/*border:1px solid #000;*/
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-360px;		/* Width of left column + Width of right column */
	/*background:#fff;*/    	/* Right column background colour */
	background-color: transparent;
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 375px; /* A = padding DER col central / B = tamaņo IZQ + DER y el padding IZQ que se quiera de la col central*/
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:220px;	/* Tamaņo de la col IZQ - pading IZQ que se quiera  para esta col*/
	position:relative;
	margin-left:-50%;
	left:140px; 	/* Tamaņo de la col DER + el padings DER que se quiera  para esta col*/
	overflow:hidden;

}
#col3 {
	float:left;
	width:140px; /* Tamaņo de la col DER - pading IZQ que se quiera  para esta col*/
	position:relative;
	left:0px;		/*  pading DER que se quiera  para esta col*/
	overflow:hidden;
	/*border:1px solid black;*/
}

/*PARA 2 COLUMNAS*/
#colmid_2columnas {
	float:left;
	width:200%;
	position:relative;
	left:240px;				/* Width of left column */
	/*background:#fff;*/    	/* Centre column background colour */
	
	/*border:1px solid #000;*/
}
#colright_2columnas {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-240px;		/* Width of left column + Width of right column */
	background:#fff;    	/* Right column background colour */
	
}

#col1pad_2columnas {
	margin:0 0px 0 255px; /* A = padding DER col central / B = tamaņo IZQ + DER y el padding IZQ que se quiera de la col central*/
	overflow:hidden;
	
}

#col2_2columnas {
	float:left;
	width:240px;	/* Tamaņo de la col IZQ - pading IZQ que se quiera  para esta col*/
	position:relative;
	margin-left:-50%;
	left:0px; 	/* Tamaņo de la col DER + el padings DER que se quiera  para esta col*/
	overflow:hidden;
	
}
/*PARA 2 COLUMNAS*/



#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
}


#contenedorPrincipal{
	min-width:960px;
	margin: auto 22px;
}

#contenedorPrincipalCabecera{
	width:100%;
	clear:both;	
}
#contenedorCabecera{	
	width:100%;
	background-image:url(imagenes/cabecera.png);
	height:170px;
}
#cabecera{
	width:100%;	
	height:130px;
	clear:both;
}

#contenedorCarrito{
	width:100%;
	margin-bottom:10px;
}



#contenedorMenu1{
	width:100%;	
	clear:both;
	float:left;	
	border-bottom:3px solid #FAE16D;
	height:0px;	
}
#contenedorMenu2{
	width:100%;
	height:40px;
	float:left;
	clear:both;
	border-top:1px solid silver;
/*	background-image:url(../imagenes/bgOFF.gif);
	background-position:bottom;*/
}



#contenedorPrincipalCuerpo{
	width:100%;
	clear:both;	
	/*border:1px solid green;*/

}

#contenedorPrincipalIzq{
	/*border:1px solid blue;*/
	margin-top:12px;
	
}

#contenedorPrincipalCen{
	margin-top:12px;
}

#contenedorPrincipalCenAmpliado{
	/*border:1px solid blue;*/
	margin-top:12px;
}

#contenedorPrincipalDer{
	/*border:1px solid blue;*/	
	margin-top:12px;
}



#contenedorPie1{
	width:100%;
	clear:both;
	/*background-color:#EBEBEB;
	border-top:4px solid #1A4D66;
	border-bottom:1px solid silver;*/	
	margin-top:20px;
	width:100%;
	height:40px;
	float:left;
	clear:both;
	border-top:2px solid #006699;
	background-image:url(../imagenes/bgOFF.gif);
	background-position:bottom;	
}
#contenedorPie2{
	width:100%;
	/*border:1px solid blue;*/
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:center;
}

#contenedorPiePublicidad{
	width:100%;
	/*border:1px solid blue;*/
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
}