/* Estilos de las columans de portada */
#columnasPortada{ background:#333; width:72em; position:relative;}

#columnasPortada .cp{ float:left; position:relative;}



#columnasPortada .cp .top{ width:100%; margin:0 5px; padding:0}
#columnasPortada .cp .top h2{position:relative; background:none; font-size:1.5em; text-align:left; font-family:Georgia,"Times New Roman",Times,serif; margin:0; padding:.5em 0 0 .5em ; font-weight:100; float:none; border:none; text-indent:.25em;}
#columnasPortada .cp .top ul{ margin:.5em .8em 0 0; padding:0; position:absolute; right:0; top:0;}
#columnasPortada .cp .top ul li{ width:auto; display:inline-block; padding:.4em; background:#333;}
#columnasPortada .cp .top ul li a{ color:#fff;}
	
#columnasPortada .cp .medium{ width:100%; margin:0 5px; float:left; position:relative; padding:1em 0 0 0;}
#columnasPortada .cp .medium img.top{ width: 230px; height:114px; margin:0 5px 0 0;}

#columnasPortada .cp .medium p{padding:0; margin:.5em; position:relative; min-height:190px}

#columnasPortada .cp .medium h3{ margin:0 0 0 .35em; width:93%; font-weight:100; border:none;}
#columnasPortada .cp .medium h3 a{ color:#333; text-decoration:underline;}
#columnasPortada .cp .medium h3 a:hover{ color:#333; text-decoration:none;}
#columnasPortada .cp .medium img.prod{ width:56px;float:left; margin:0 0 0 .25em;}
#columnasPortada .cp .medium .pSup{ width:100%; float:left; position:relative;}
#columnasPortada .cp .medium .pretitulo{ font-weight:600;}
#columnasPortada .cp .medium .inverso{ padding:10px; background:#000; color:#fff; width:269px;}
#columnasPortada .cp .medium .inverso a{ color:#fff;}
#columnasPortada .cp .medium h3.rojo{color:#900;padding:10px; width:281px; text-align:center;}
#columnasPortada .cp .medium h3.rojo a{color:#900;}

#columnasPortada .cp .bottom{ width:100%; float:left; position:relative; margin:0 5px;}
#columnasPortada .cp .bottom p.detalle{}
#columnasPortada .cp .bottom p.detalle a{}


#columnasPortada .a{ width:240px; margin:10px 0; padding:0px;}
#columnasPortada .b{ width:304px; margin:10px; padding:0 5px;}
#columnasPortada .c{ width:240px; margin:10px 0; padding:0px;}


#columnasPortada .a .top{ background:url(../images/tresCol_A_TOP_01.png) repeat-y left top;}
#columnasPortada .b .top{ background:url(../images/tresCol_B_TOP_01.png) repeat-y left top;}
#columnasPortada .c .top{ background:url(../images/tresCol_A_TOP_01.png) repeat-y left top;}

#columnasPortada .b .producto .pSup{ width:80%;}


#columnasPortada .b .medium img.top{ width: 296px; }

#columnasPortada .a .medium .pInf,#columnasPortada .c .medium .pInf,#columnasPortada .b .medium .pInf{float:left;width:73%;}

#columnasPortada .a .medium .pSup p{padding:0; margin:.5em; position:relative; min-height:7em;}
#columnasPortada .a .medium .pInf p{padding:0; margin:.5em; position:relative; min-height:11em; }
#columnasPortada .b .medium .pSup p{padding:0; margin:.5em; position:relative; min-height:7em;}
#columnasPortada .b .medium .pInf p{padding:0; margin:.5em; position:relative; min-height:11em;} 
#columnasPortada .c .medium .pSup p{padding:0; margin:.5em; position:relative; min-height:7em;}
#columnasPortada .c .medium .pInf p{padding:0; margin:.5em; position:relative; min-height:11em;}


#columnasPortada .a .medium{ background:url(../images/tresCol_A_MID_01.png) repeat-y left top;}
#columnasPortada .b .medium{ background:url(../images/tresCol_B_MID_01.png) repeat-y left top;}
#columnasPortada .c .medium{ background:url(../images/tresCol_A_MID_01.png) repeat-y left top;}

#columnasPortada .a .bottom{ background:url(../images/tresCol_A_BOT_01.png) no-repeat left top;}
#columnasPortada .b .bottom{ background:url(../images/tresCol_B_BOT_01.png) no-repeat left top;}
#columnasPortada .c .bottom{ background:url(../images/tresCol_A_BOT_01.png) no-repeat left top;}