/*
	<==========================>
	 project: GARREBIL 
	 autor: Raśl Gallo
	<==========================>
*/

/* =marketing y comunicacion ----------------------------------------- */
#area { margin: 10px auto; padding: 15px 20px 15px 20px; border:0; width: 935px; background: url(../images/marketingcomunicacion/marketing.png) no-repeat; height:580px;color:#5b5a58;}
.tituloform { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}

#picture { float:left; margin-right:15px;}

#marketing { width: 325px; float:left; padding: 25px 8px 0 23px; text-align:justify; font:normal 12px Arial, Helvetica, sans-serif;}
#marketing .mark {padding: 7px 0 7px 0; background:url(../images/marketingcomunicacion/mark.png) no-repeat; height:490px; color:#fff; text-align:center; font-weight:bold;}
#marketing p {margin:30px 15px -10px 15px;color:#5b5a58;}
#marketing p.olmark {margin:10px 15px 10px 35px;font-weight:normal;}
.detalle { font-weight:normal; font-style:oblique; }
#marketing p.olmarktipo {margin:-8px 15px 7px 45px; font-weight:normal;}

#comunicacion { width: 325px; float:left; padding: 25px 8px 0 14px; text-align:justify; font:normal 12px Arial, Helvetica, sans-serif;}
#comunicacion .mark {padding: 7px 0 7px 0; background:url(../images/marketingcomunicacion/comunicacion.png) no-repeat; height:300px; color:#fff; text-align:center; font-weight:bold;}
#comunicacion p {margin:30px 15px -10px 15px; color:#5b5a58;}


#fotos { width:230px; float:left; }
.foto1 { margin: 130px 0 0 6px;}
.foto2 { margin: 0 0 0 37px;}