/*
Theme Name: dromedigital_2009
Theme URI: http://www.rgdesign.org
Description: Custom theme for Drome Digital
Version: v1 (WP2.7.1)
Author: Roberto Garcia
Author URI: http://www.rgdesign.org
Tags: starter theme, master, clean, basic, clear, tema vacio, vacio, thema maestro, basico, limpio
*/

@import "css/reset.css";
@import "css/catalogo.css";
@import "css/wpcf7.css";

html,body {
height:100%;
background:#e6e6e6 url(images/body.gif) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;
color:#5d5959;
}



/* links */
a{text-decoration:none; color:#2788b9;}
a:hover{color:#f26822 !important;}
a:visited{text-decoration:none; color:#2788b9;}

/* colors */
.txtGreySoft{color:#aeacac !important;}

/* jquery */
.noJS{text-align:center; padding:3px 0; background:#000; color:#FF3300}
/* texts */

/* common */
.spacer{clear:both; height:9px; line-height:9px; font-size:9px;}
.spacer2{clear:both; height:4px; line-height:4px; font-size:4px;}
.clearAll{clear:both; height:0px; line-height:0px; font-size:0px;}
.alignLeft{float:left;}
.alignRight{float:right;}
.wrapper{width:837px; margin: 0 auto;}
.small{font-size:10px; line-height:12px !important;}
strong{font-weight:bold !important;}
.noImage{background:none !important;}
/* container */
#container{}
#innerCont{width:803px; margin: 0 auto;background:url(images/container_mid.gif) repeat-y; height:100%;}
.containerBot{background:url(images/container_bot.gif) no-repeat; height:10px; line-height:10px; font-size:10px;}

/* header */
#header{height:114px; background:url(images/head.gif) no-repeat top;}
	#header .innerWrapper{padding:32px 45px;}
	.headerInfo{margin-top:6px; text-align:right;}
	
/* main pieces */	

	/* 2 cols 50%~50% - empresa */
	#innerCont .midContent{height:100%; margin-bottom:0px; background: transparent url(images/midContent_bg.gif) no-repeat bottom; padding-bottom:15px;}
		.midContent h1{font-size:21px; color:#898989; font-weight:bold; line-height:34px;}
		.midContent h2{font-size:17px; color:#2589ba; font-weight:bold; line-height:25px;}
		.midContent p{padding:8px 0; line-height:17px;}
		.midContent .wrapper{width:760px !important; margin: 0 auto;}
		.midContent .leftCol{float:left; width:375px; margin-left:23px;}
		.midContent .rightCol{float:left; width:385px; margin-left:8px;}
		
		.midContent .mapa{width:384px; height:294px; background:transparent url(images/empresa/empresa_mapa.jpg) no-repeat;}
		.midContent .mapawrap{width:198px; height:96px; padding-top:188px; padding-left:33px;}
		.midContent .mapawrap p{padding:0 !important; line-height:19px;}
		
		.midContent .horario{width:384px; height:96px; background:transparent url(images/empresa/empresa_horario.gif) no-repeat;}
		.midContent .horariowrap{padding:22px 0 0 22px;}
		.midContent .horario p{padding:0 !important;}
		.midContent .horario strong{color:#2589ba;}
		.midContent .rightYSep{margin-right:12px !important;}
	
	/* 1 col - servicios */
	.midWrapper{padding:0 22px;}
	#innerCont .noImage{padding-bottom:0px !important; margin-bottom: 0px !important;}
	
	.serviciosThumbs{width:763px; margin:0 auto; }
		.serviciosThumbs_thumb{width:190px; height:322px; margin-right:1px; float:left;}
		.serviciosThumbs_thumb_nomargin{margin-right:0px !important;}
		.serviciosThumbs_thumb .texto{padding:0 12px; height:80px; overflow:hidden;}
		.serviciosThumbs_thumb .button{ text-align:center; padding-top:18px;}
		
		.thumb_soporte{background:transparent url(images/servicios/servicios_thumb_soporte.jpg) no-repeat;}
		.thumb_soporte .titulo{ padding-left:4px;}
		
		.thumb_productos{background:transparent url(images/servicios/servicios_thumb_productos.jpg) no-repeat;}
		.thumb_productos .titulo{ padding-left:4px;}
		
		.thumb_algoritmo{background:transparent url(images/servicios/servicios_thumb_algoritmo.jpg) no-repeat;}
		.thumb_algoritmo .titulo{ padding-left:4px;}
		.thumb_algoritmo .texto{height:64px !important;}
		.thumb_algoritmo p{padding:4px 0 0 0 !important;}
		.thumb_algoritmo .button{padding-top:16px !important;}
		
		.thumb_diseno{background:transparent url(images/servicios/servicios_thumb_diseno.jpg) no-repeat;}
		.thumb_diseno .titulo{padding-left:4px;}
		.thumb_diseno .texto{height:78px !important;}
	
	
	#innerCont .top{background:url(images/homeWelcome_top.gif) no-repeat; height: 51px;}
	#innerCont .section{background:url(images/sections_top.gif) no-repeat !important;}
	#innerCont .mid{background:url(images/homeWelcome_mid.gif) repeat-y; height:100%; margin-bottom:9px;}
	#innerCont .mid .homewrap{background:url(images/homeWelcome_bot.gif) no-repeat bottom; height:100%; padding: 0 15px 0 25px;}
	
	/* info */
	#innerCont .homeWelcomeWraper{padding: 22px 0 0 25px;}
	#innerCont .info{width:378px;}
	#innerCont .info .col{float:left; width:178px; margin-top:5px;}
	#innerCont .info .firstcol{border-right:1px solid #eef1f3; margin-right:10px; padding-right:10px; }
	#innerCont .welcomeMore{height:69px;} /*ie6.css if safari 59*/
		.welcomeMore img{margin-top:24px; margin-left:2px } /*ie6.css*/
		
		
	/* promo newsletter */
	#newsletterform{margin-left:20px;}
	
	#promo{width:384px; background:url(images/promos/newsletterTop.gif) no-repeat top; margin-bottom:10px;}
	
	#promo .promoinfo{margin-left:193px; width:180px; margin-top:19px;}
	#promo .promoinfo h2{margin-bottom:5px;}
	#promo .promoinfo .text{margin-bottom:5px;}
	
	#promo .promoform{padding-top:10px;}
	#promo .promoformWrap{background:url(images/promos/newsletterMid.gif) repeat-y;}
	#promo .promoBot{background:url(images/promos/newsletterBot.gif) no-repeat; height:6px; line-height:6px; font-size:6px;}
	
	.msgout{padding:10px 20px 10px 5px;}
	.msgout .error{color:#FF3300; font-weight:bold !important;}
	.msgout .ok{color:#b3aa0e; font-weight:bold !important;}
	.msgout .hide{font-size:10px !important;}
	#loader{padding-left:8px;}
	#loader img{margin:10px 0;}
	
/* footer */
#footer{background:url(images/footer.gif) no-repeat; height:79px; margin-top:6px;}
	#footer .wrap{padding:0 30px; text-align:center;}
	#footer .logos{height:69px; text-align:center; padding-top:12px;}
	#footer .logos a{margin:0 3px;}
	#footer .copy{line-height:20px; padding-bottom:12px;}

	#footer .copy .small a{color:#5d5959 !important;}
	
/* forms */
	/* home newsletter */
	
	.formText{width:128px; height:31px; background:url(images/forms/textfield.gif) no-repeat; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5d5959; padding:8px 8px 0 8px;}
	.formBt{margin-left:4px;}
	#buscarform{margin-top:3px;}
	.formBt2{margin-left:1px;margin-top:2px;}
	
/* contact form */
#form{}
#form input, #form textarea{border:0 !important; background:#eee; padding:3px 6px; font-size:11px; color:#333; font-family:Arial, Helvetica, sans-serif;}
#form input{width:352px;}
#form textarea{width:352px;}
#form .row{margin-bottom:10px;}
#form .rowMid{background:#eee; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
#form .rowTop{height:5px; line-height:5px; font-size:5px; background:transparent url(images/forms/form_textarea_top.gif) no-repeat;}
#form .rowBot{height:5px; line-height:5px; font-size:5px; background:transparent url(images/forms/form_textarea_bot.gif) no-repeat;}

#form button{border:0px !important;}

#form .form_clear{width:98px; height:28px; background:#fff url(images/forms/general_form_clear.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff;padding-bottom:3px; *padding-bottom:0px; *padding-top:2px; padding-left:16px; margin-right:5px; float:right;}
#form .form_submit{width:90px; height:28px; background:#fff url(images/forms/general_form_send.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff;padding-bottom:3px; *padding-bottom:0px; *padding-top:2px; padding-left:20px; float:right;}

	
	
/* banners */
	/* algoritmo */
	.algoritmo{width:779px; height:98px; background:url(images/banners/banner_algoritmo_bg.jpg) no-repeat; margin:0 auto;}
	.algoritmo span.planes em{color:#7b011d !important; font-style:normal; font-weight: bold;}
	.algoritmo span.planes{font-size:12px !important; font-weight:bold; line-height:18px;}
	.algoritmo p{font-size:10px !important;}
	.algoritmo h2{font-size:12px !important; font-weight:bold; color:#7b011d; line-height:22px;}
	.algoritmo .logo{padding-top:15px;padding-left:25px; width:290px;}
	.algoritmo .data{padding-top:15px; width:353px;}
	.algoritmo .links{padding-top:9px; padding-left:7px;}
	.algoritmo .links img{margin-bottom:5px;}