/*ESTRUCTURAS PRINCIPALES - layout*/
div.wrap {height:458px; width:1000px; text-align:left;}
div.cont {height:458px; width:1000px;}

/*ESTILO PARA BODY*/
.av {background:url(/prontus_altavoz/imag/port/back_port.jpg) repeat-x left top #dedede;} 

/*-------------------oo------------------------*/

/*BLOQUES ESTRUCTURALES*/
#content {width:1000px; margin:20px auto 15px;}
.back-port {background:url(/prontus_altavoz/imag/port/back_cont.gif) repeat-y left top; margin:0 auto; width:900px;}
#content .col-left {width:210px; float:left;}
#content .col-center {width:460px; float:left;}
#content .col-right {width:210px; float:right;}
#content .col-center .col220-left {width:220px; float:left;}
#content .col-center .col220-right {width:220px; float:right;}
/*-------------------oo------------------------*/

/*BANNER*/
#content .banner {width:1000px; height:190px; margin:0 0 15px;}
/*-------------------oo------------------------*/

/*ROTULO*/
.rotulo {font-size:18px; color:#666666; font-family:Tahoma; margin:0 0 10px;}
.rotulo p {font-size:18px; color:#666666; margin:0;}
#content .col-center .rotulo{margin:0 0 10px 20px;}
#content .col-center .col220-right .rotulo {margin:0 0 10px 0;}
#content .col-center .col220-left .rotulo {margin:0 0 10px 20px;}
#content .col-right .rotulo {margin:0 0 10px 10px;}

/*-------------------oo------------------------*/

/*FOTOS*/
#content .area .foto {float:left; margin:0 10px 0 0; background:#fff;}
#content .area .foto img {border:1px solid #d7d7d7; padding:1px; margin:0; overflow:hidden; display:block;}

/*-------------------oo------------------------*/

/*AREA DOS*/
#content .col-left .area {margin:0 10px 20px 0;}
#content .col-left .area .sep {height:7px;}
#content .col-left .area h1, #content .col-left .area h1 a {font-size:11px; color:#006699; margin:0;}
#content .col-left .area h1 a:hover {color:#CC0000;}
#content .col-left .area h2, #content .col-left .area h2 p {color:#666; margin:0; font-size:11px; font-weight:normal;}
/*-------------------oo------------------------*/

/*AREA TRES*/
#content .col-center .area {margin:0 0 20px 20px;}
#content .col-center .area h1 {margin:0 0 5px;}
#content .col-center .area h1 a {font-family:"Bitstream Vera Sans","Verdana",sans-serif; font-size:15px; color:#006699; margin:0;}
#content .col-center .area h1 a:hover {color:#CC0000;}
#content .col-center .area h2, #content .col-center .area h2 p {font-family:"Bitstream Vera Sans","Verdana",sans-serif; color:#666; margin:0; font-size:12px; font-weight:normal; line-height:16px;}
#content .col-center .area .vermas {float:right; width:100px; margin:0; text-align:right; color:#006699; font-size:11px;}
#content .col-center .area .vermas a {color:#006699; font-size:11px;}
#content .col-center .area .vermas a:hover {text-decoration:underline;}
/*-------------------oo------------------------*/

/*AREA CUATRO*/
#content .col-center .col220-left .area {margin:0 0 12px 20px;}
#content .col-center .col220-left .area h1 {margin:0 0 0 3px;}
#content .col-center .col220-left .area h1 a {font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif; font-size:11px; color:#006699; margin:0;}
#content .col-center .col220-left .area h1 a:hover {color:#CC0000;}
#content .col-center .col220-left .area h2 {font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif; color:#666; margin:0 0 0 3px; font-size:11px; line-height:13px;}
#content .col-center .col220-left .area h2 p {font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif; color:#666; margin:0; font-size:11px; line-height:13px;}
#content .col-center .col220-left .area .foto {float:none; margin:0 0 3px 0;}
/*-------------------oo------------------------*/

/*AREA CINCO*/
#content .col-center .col220-right .area {margin:0 0 12px;}
#content .col-center .col220-right .area h1, #content .col-center .col220-right .area h1 a {font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif; font-size:11px; color:#006699; margin:0;}
#content .col-center .col220-right .area h1 a:hover {color:#CC0000;}
#content .col-center .col220-right .area h2 {font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif; color:#666; margin:0 0 0 3px; font-size:11px; line-height:13px;}
#content .col-center .col220-right .area h2 p {font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif; color:#666; margin:0; font-size:11px; line-height:13px;}
#content .col-center .col220-right .area .fecha {float:right; text-align:right; font-size:10px; color:#666;}
#content .col-center .col220-right .area .vermas {float:right; width:100px; text-align:right; color:#006699; font-size:11px;}
#content .col-center .col220-right .area .vermas a {color:#006699; font-size:11px;}
#content .col-center .col220-right .area .vermas a:hover {text-decoration:underline;}
#content .col-center .col220-right .area .foto {margin:0 10px 10px 0;}
/*-------------------oo------------------------*/

/*AREA SEIS*/
#content .col-right .area {margin:0 0 10px 10px;}
#content .col-right .area .sep {height:7px;}
#content .col-right .area h1, #content .col-right .area h1 a {font-size:11px; color:#006699; margin:0;}
#content .col-right .area h1 a:hover {color:#CC0000;}
#content .col-right .area h2, #content .col-right .area h2 p {color:#666; margin:0; font-size:11px; font-weight:normal;}
#content .col-right .vermas {width:100%; text-align:right; color:#006699; font-size:11px; margin:0 0 10px;}
#content .col-right .vermas a {color:#006699; font-size:11px;}
#content .col-right .vermas a:hover {text-decoration:underline;}
/*-------------------oo------------------------*/

/*FIN*/