/* CSS Document - Casa Piedra*/

/*** Tags HTML ***/
* {font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif;}
body {margin:0px; padding:0px; border:0px; font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; background-color:#FFFFFF;}
html>body {margin:0px; padding:0px; background-color:#FFFFFF;}
a {text-decoration:none;}
a:hover {text-decoration:none; color:#FF0000;}
a:hover *, * a:hover {text-decoration:none; color:#FF0000;}
form, p {margin:0;}

/*hover*/
.col555a .titular a:hover,.col555a .bajada a:hover, .col555a .vermas a:hover, 
.area2 .titular a:hover, .area2 .bajada a:hover, .area3 .titular a:hover, 
.area3 .bajada a:hover, .area4 .titular a:hover, .area4 .bajada a:hover, 
.area5 .titular a:hover, .area5 .bajada a:hover, .area6 .titular a:hover, 
.area6 .bajada a:hover, .area7 .titular a:hover, .area7 .bajada a:hover,
.area250 .bajada a:hover, .area700 .titular a:hover, .area700 .bajada a:hover,
.col755b .area250 .bajada a:hover, .col755 .area250 .bajada a:hover, .col755b .ico a:hover, 
.area110 .titular a:hover, .area170 .titular a:hover, .area170 .bajada a:hover, 
.area170b .titular a:hover, .area170b .bajada a:hover, .vermas a:hover, .vermas2 a:hover
{color:#FF0000;}

/*Rotulos*/
.rotulo1, .rotulo2, .rotulo3, .rotulo4, .rotulo5, .rotulo6, .rotulo7, .rotulo8  , .rotulo9  {width:555px; overflow:hidden; clear:both; margin:0 0 0 13px; padding:3px 0; background:url(../imag/auxi/flecha_rot.gif) no-repeat left top; background-color:#776A5A; font-weight:normal;}
.rotulo1 p, .rotulo2 p, .rotulo3 p, .rotulo4 p, .rotulo5 p, .rotulo6 p, .rotulo7 p, .rotulo8 p   {overflow:hidden; margin:0 0 0 34px; color:#FFFFFF; font-size:16px; font-weight:normal;}
.rotulo2 {width:345px; margin:0;}
.rotulo2 p, .rotulo3 p, .rotulo4 p {font-size:18px;}
.rotulo3 {width:210px; padding:3px 0; margin:0;}
.rotulo4 {width:155px; margin:3px 0 0 12px;}
.rotulo5 {width:730px; margin:0px 0 0px 10px;}
.rotulo6 {width:755px; margin:0px 0 0px 10px;}
.rotulo7 {width:750px; margin:0px 0 0px 0px;}
.rotulo8 {width:180px; margin:0;}
.rotulo9 {width:755px; margin:0px 0 0px 10px;}
.rotulo9 p {overflow:hidden; margin:0 0 0 34px; color:#FFFFFF; font-size:15px; font-weight:bold;}
.rotulo9 p a {color:#FFFFFF;}
.rotulo9 p a:hover {color:#FF0000;}

/*fotos*/
.foto {margin:0;}
.foto img {margin:0 13px 0 0; border:2px #FFFFFF solid;}

/**PORTADA - Columna Izquierda**/
/*top - izquierda - destacado*/
.area1 {margin:0 0 0 13px;}
.col555a {width:555px; margin:0 0 5px 13px; padding:7px 0 23px; overflow:hidden; clear:both; background:url(../imag/back_ar1_foot.jpg) no-repeat left bottom; background-color:#D8C7B3; text-align:left;}
.col555a .titular {margin:0px; color:#B01729; font-weight:bold; font-size:12px; background:url(../imag/auxi/flecha_titu.gif) no-repeat left top;}
.col555a .titular a {display:block; margin:0 0 0 13px; color:#B01729; font-weight:bold; font-size:20px;}
.col555a .epigrafe {margin:0 0 0 14px; font-weight:bold; line-height:13px; font-size:11px; color:#49190B;}
.col555a .bajada {margin:4px 0 0 11px; font-size:11px; color:#FFFFFF;}
.col555a .bajada a {margin:0; font-size:11px; color:#FFFFFF; line-height:11px; font-weight:bold}
.col555a .vermas, .col555a .vermas a {margin:0; text-align:right; font-size:12px; color:#FFFFFF;}
.ico {margin:4px 0 0 14px; clear:both; overflow:hidden; text-align:right;}
.ico img { margin:0 3px 0 0;}
.ico a img { border:solid 1px #D8C7B3; }
.ico a:hover img { border-color:#000;}

/*middle - izquierda - varios*/
/* col55b - col345 */
.col190 {width:190px; margin:0; padding:6px 0 0; overflow:hidden; float:left; clear:left;}
.area2 {width:180px; overflow:hidden; margin:0 7px 12px; clear:both;}
.area2 .titular {margin:0; color:#B01729; font-weight:bold; line-height:12px; font-size:12px; background:url(../imag/auxi/flecha_titu2.gif) no-repeat left top;}
.area2 .titular a {display:block; margin:0 0 0 13px; color:#B01729; font-weight:bold; font-size:12px; line-height:12px;}
.area2 .epigrafe {margin:0 0 0 13px; font-weight:bold; font-size:11px; color:#49190B; line-height:11px;}
.area2 .bajada {margin:0 0 0 13px; font-size:10px; color:#4D4D4D; font-weight:normal;}
.area2 .bajada a {margin:0; font-size:10px; color:#4D4D4D; line-height:11px;}
.area2 .foto {margin:3px 0 3px 11px;}
.area2 .foto img {margin:0; border:2px solid #FFFFFF;}
.area2 .ico {margin:5px 0 0 13px; overflow:hidden;}
/**/
.col155 {width:155px; margin:0; padding:6px 0 0; overflow:hidden; float:left; text-align:right;}
.area3 {width:152px; overflow:hidden; margin:0 0 8px; clear:both; text-align:left;}
.area3 .titular, .area6 .titular, .area7 .titular {margin:0; color:#B01729; font-weight:bold; line-height:12px; font-size:11px; background:url(../imag/auxi/flecha_titu2.gif) no-repeat left top;}
.area3 .titular a, .area6 .titular a, .area7 .titular a {display:block; margin:0 0 0 10px; color:#B01729; font-weight:bold; font-size:11px; line-height:12px;}
.area3 .epigrafe, .area6 .epigrafe {margin:0 0 0 10px; font-size:11px; color:#000000; line-height:12px;}
.area3 .bajada, .area6 .bajada, .area7 .bajada {margin:3px 0 0 10px; font-size:10px; color:#4D4D4D; font-weight:normal;}
.area3 .bajada a, .area6 .bajada a, .area7 .bajada a {margin:0; font-size:10px; color:#4D4D4D; line-height:11px;}
.area3 .foto {margin:0 0 5px 10px;}
.area3 .foto img {margin:0; border:1px solid #FFFFFF;}
.area3 .ico {margin:6px 0 0 10px; overflow:hidden;}
/*middle - derecha*/
/*col210*/
.area4 {width:195px; margin:7px 0 0 6px;}
.area4 .fecha {margin:0 0 0 9px; font-size:9px; color:#7D7260; font-style:italic;}
.area4 .titular {margin:0; color:#B01729; font-weight:bold; line-height:12px; font-size:11px; background:url(../imag/auxi/flecha_titu2.gif) no-repeat left top;}
.area4 .titular a {display:block; margin:0 0 0 9px; color:#B01729; font-weight:bold; font-size:11px;}
.area4 .bajada {margin:2px 0 0 9px; padding:0; font-size:9px; color:#000000;}
.area4 .bajada a {margin:0; font-size:9px; color:#000000; line-height:10px;}
.area4 .foto {margin:0 7px 5px 0;}
.area4 .foto img {margin:0; border:none;}
/*middle - abajo*/
/*col555c - col185*/
.area5 {width:160px; margin:0 0 12px 13px; clear:both;}
.area5 .titular {margin:0; color:#B01729; font-weight:bold; line-height:13px; font-size:13px; background:url(../imag/auxi/flecha_titu3.gif) no-repeat left top;}
.area5 .titular a {display:block; margin:0 0 0 13px; color:#B01729; font-weight:bold; font-size:12px;}
.area5 .epigrafe {margin:0 0 0 13px; font-weight:bold; font-size:11px; color:#000000; line-height:11px;}
.area5 .bajada {margin:0 0 0 13px; font-size:10px; color:#4D4D4D; font-weight:normal;}
.area5 .bajada a {margin:0; font-size:10px; color:#4D4D4D; line-height:11px;}
.area5 .foto {margin:3px 0 3px 11px;}
.area5 .foto img {margin:0; border:2px solid #FFFFFF;}
.area5 .ico {margin:5px 0 0 13px; overflow:hidden;}

/**Portada - Columna Derecha**/
/**/
.area6 {width:150px; clear:both; margin:14px 0 0 12px;}
.area6 .titular a {margin:0 0 0 17px;}
.area6 .epigrafe, .area6 .bajada {margin:4px 0 0 17px;}
/**/
.area7 {width:155px; clear:both; overflow:hidden; margin:93px 0 0 12px; padding:0 0 3px; border:1px solid #CF9683; background-color:#E0BCA4;}
.area7 .fecha {width:100%; font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#707058; clear:both; margin:0; overflow:hidden; padding:3px 0;}
.area7 .fecha p {margin:0 0 0 6px;}
.area7 .foto {margin:0; clear:both;}
.area7 .foto img {margin:0; border:none;}
.area7 .titular {margin:3px 6px 0; background:url(../imag/auxi/flecha_titu4.gif) no-repeat left top;}
.area7 .titular a {margin:0 0 0 16px;}
.area7 .bajada {margin:2px 6px 0 20px;}

/*parrafos margen 0*/
.col555a .epigrafe p, .col555a .bajada p, .col555a .titular p, .col555a .titular * p, .area2 .titular p,.area2 .epigrafe p,.area2 .bajada p, .area3 .titular p,.area4 .epigrafe p,.area4 .bajada p, .area5 .titular p, .area5 .epigrafe p,.area5 .bajada p, .area6 .titular p, .area6 .epigrafe p,.area6 .bajada p {margin:0;}

/**PORTADA ALBUM FOTOS **/
.col755top .titular p {font-size:22px; font-weight:bold; color:#B01729; margin:0 0 0 10px; padding:0;}
.col755top .bajada p {font-size:14px; font-weight:bold; line-height:150%; color:#4D4D4D; margin:0 20px 0 10px; padding:0;}
.col755 .area250 {width:220px; margin:8px 0 12px 10px; clear:both;}
.col755 .area250 .bajada {margin:4px 0 0 0; font-size:12px; color:#4D4D4D;}
.col755 .area250 .bajada a {margin:0; font-size:12px; color:#4D4D4D;}

/**PORTADA SERVICIOS **/
.area700 {width:220px; margin:0 0 12px 13px; clear:both;}
.area700 .fecha {margin:0 0 0 13px; font-size:11px; color:#7D7260; font-style:italic;}
.area700 .epigrafe {margin:0 0 0 13px; font-weight:bold; font-size:12px; color:#49190B; line-height:11px;}
.area700 .titular {margin:0px; color:#B01729; font-weight:bold; font-size:16px; background:url(../imag/auxi/flecha_titu2.gif) no-repeat left top;}
.area700 .titular a {display:block; margin:0 0 0 13px; color:#B01729; font-weight:bold; font-size:16px;}
.area700 .bajada {margin:4px 0 0 13px; font-size:12px; color:#4D4D4D; line-height:140%;}
.area700 .bajada a {margin:0; font-size:12px; color:#4D4D4D;}

/**PORTADA VIDA SOCIAL **/
.col755b .bajada {margin:8px 20px 15px 10px; font-size:16px; font-weight:bold; color:#4D4D4D;}
.col755b .bajada a {margin:0; font-size:16px; font-weight:bold; color:#4D4D4D;}
.col755b .area250 {width:220px; margin:0 0 12px 10px; clear:both;}
.col755b .area250 .bajada {margin:4px 0 0 0; font-size:12px; color:#FFFFFF;}
.col755b .area250 .bajada a {margin:0; font-size:12px; color:#FFFFFF;}
.col755b .ico a {font-size:11px; font-weight:bold; color:#FFFFFF; padding-top:2px;}

/**PORTADA NESLETTER**/
.rotulo555b {width:530px; font-size:24px; font-weight:bold; color:#B01729; border-bottom:1px dashed #B01729; margin:0 0 12px 10px; clear:both;}
.area110 {width:100px; margin:0 0 12px 15px; clear:both;}
.area110 .titular {margin:0px; color:#B01729; font-weight:bold; font-size:14px; background:url(../imag/auxi/flecha_titu2.gif) no-repeat left top;}
.area110 .titular a {display:block; margin:0 0 0 13px; color:#B01729; font-weight:bold; font-size:14px;}
.area110 .bajada {margin:4px 0 0 0; font-size:12px; color:#4D4D4D; line-height:140%;}
.area110 .bajada a {margin:0; font-size:12px; color:#4D4D4D;}

/**PORTADA NOTICIAS**/
.area170 {width:170px; margin:0 0 12px 13px; clear:both;}
.area170 .titular {margin:0; color:#B01729; font-weight:bold; line-height:13px; font-size:13px; background:url(../imag/auxi/flecha_titu2.gif) no-repeat left top;}
.area170 .titular a {display:block; margin:0 0 0 13px; color:#B01729; font-weight:bold; font-size:12px;}
.area170 .epigrafe {margin:0 0 0 13px; font-weight:bold; font-size:11px; color:#000000; line-height:11px;}
.area170 .bajada {margin:0 0 0 13px; font-size:10px; color:#4D4D4D; font-weight:normal;}
.area170 .bajada a {margin:0; font-size:10px; color:#4D4D4D; line-height:11px;}
.area170 .foto {margin:3px 0 3px 11px;}
.area170 .foto img {margin:0; border:2px solid #FFFFFF;}
.area170 .ico {margin:5px 0 0 13px; overflow:hidden;}
.contLeft4 .banner480 {width:480px; margin:0 0 15px 50px; overflow:hidden; text-align:center;}

.area170b {width:180px; background-color:#CAB298; clear:both; margin:0; padding:8px 0 12px 0;}
.area170b .fecha {margin:0; font-size:11px; color:#000000; font-style:italic;}
.area170b .titular {margin:0; color:#B01729; font-weight:bold; line-height:12px; font-size:11px;}
.area170b .titular a {display:block; margin:0; color:#B01729; font-weight:bold; font-size:11px; line-height:12px;}
.area170b .epigrafe {margin:0; font-size:11px; font-weight:bold; color:#000000; line-height:12px;}
.area170b .bajada {margin:0; font-size:10px; color:#4D4D4D; font-weight:normal;}
.area170b .bajada a {margin:0; font-size:10px; color:#4D4D4D; line-height:11px;}
.area170b .titular a, .area170b .epigrafe,.area170b .fecha, .area170b .bajada {margin:0 0 0 5px;}
.area170b .foto2 {width:170px; margin:3px 0 3px 3px;}
.area170b .foto2 img {margin:0 0 0 0; border:2px #FFFFFF solid;}
.area170b .ico2 {float:left; clear:left; margin:0 8px 0 8px; padding:0;}
.vermas {margin:4px 8px 0 14px; background:url(../imag/auxi/flecha_titu2.gif) no-repeat right top; clear:both; overflow:hidden; text-align:right;}
.vermas a, .vermas2 a {font-size:10px; color:#4D4D4D; margin:0 15px 0 0;}
.vermas2 {margin:4px 8px 0 14px; background:url(../imag/auxi/flecha_titu3.gif) no-repeat right top; clear:both; overflow:hidden; text-align:right;}


/*FIN*/