html 	{  background:url(img/bg.gif) repeat-y 0 0 #77b6dc; }
body	{ font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(img/bg2.gif) repeat-x 0 0 #b9e3ec;}

hr 				{ display: none; }
fieldset, a img { border: none; }
acronym, abbr	{ cursor: help;	}

a			{ color: #285a89; text-decoration: none; }
a:hover		{ text-decoration: none; }

p			{ text-align:justify; }

.grid		{ width: 850px; margin: 0px auto; background:url(img/bg.gif) repeat-y 0 0; border-left: #97C9D9 1px solid; border-right:#97C9D9 1px solid; overflow:hidden;}
.grid:after	{ display: block; clear: both; content: "."; height: 0; visibility: hidden; overflow: hidden; }


/*** header ***/
#header { height: 236px; min-height: 236px; text-align: left; background: url(img/hd.jpg) no-repeat; clear:both;
        float:left;width:100%;}
#header ul {padding:25px 0 0 195px;}
#header ul li{ float:left; width:90px; height:29px; background: url(img/hli.gif) no-repeat 0 0;  text-align:center; padding-top:8px;}
#header ul li a div {padding-top:10px;width:90px; height:29px;}
#header ul li a div:hover { padding-top:10px; width:90px; height:29px; background: url(img/hlio.gif) no-repeat 0 0; cursor:pointer; }
#header ul li a:hover {color:#1962bd; cursor:pointer;}
#header #hf {margin:78px 0 0 0;}
#header .ultimoSeparador{ width:10px; overflow:hidden;}


/*** header-corto ***/
#header-corto { height: 75px; min-height: 75px; text-align: left; background: url(img/hd2.jpg) no-repeat; clear:both;
        float:left;width:100%;}
#header-corto ul { padding:25px 0 0 195px; }
#header-corto ul li{ float:left; width:90px; height:29px; background: url(img/hli.gif) no-repeat 0 0;  text-align:center; padding-top:8px;}
#header-corto ul li a div {padding-top:10px;width:90px; height:29px;}
#header-corto ul li a div:hover { padding-top:10px; width:90px; height:29px; background: url(img/hlio.gif) no-repeat 0 0; cursor:pointer; }
#header-corto ul li a:hover {color:#1962bd; cursor:pointer;}
#header-corto #hf {margin:48px 0 0 0;}
#header-corto .ultimoSeparador{ width:10px; overflow:hidden;}



/*** tres imagenes de servicios ***/

#expose { height: 217px; min-height: 217px; background: url(img/b.jpg); clear:both; padding-left: 35px; padding-top:24px;}
#expose #fi {position:relative; top:50px;}
#expose #fd {position:relative; top:50px;}
#eizq {width: 230px; float: left;}
#emed {width: 330px; float: left; display:block;background: url(img/bgw2.gif) no-repeat 0 0;}
#eder {width: 220px; float:left; display:block;}
#eizq, #emed, #eder {height: 200px; }
#eizq, #eder {background: url(img/bgw1.gif) no-repeat 0 0;}
#eizq img, #eder img {padding:0px;}
#eizq h3, #eder h3 {color:#3083BB; padding-left:10px; font-size:11px; letter-spacing:1px; text-transform:uppercase; margin-top:10px;}
#emed h1, #emed p {padding:20px 40px 0 29px;}
#emed h1 { color: #3e9bd9; text-transform:uppercase; letter-spacing:2px;}
#emed p {color: #3e3e3e;}

#fotos-izquierda{

}

.conteiner-foto{
	padding:10px;
}
.pics {  
    height:  170px;  
    width:   200px;  
   
} 
 
.pics img {  
    width:  200px; 
    height: 170px; 

} 



/*** content general ***/
#content 	{ }
#content h1	{ }
#content p 	{ }
#content a	{ }
#content a:hover { }


.colmask {
position:relative;		
clear:both;
float:left;
width:100%;			
overflow:hidden;
margin-top: 18px;
}
.colright, .colmid, .colleft {
float:left;
width:100%;
position:relative;
}
.col1, .col2, .col3 {
float:left;
position:relative;
margin:16px 0 0 0;

}
.threecol { }
.threecol .colmid { right:0;}
.threecol .colleft { right:0;}
.threecol .col1 { margin-left:10px;
width:320px;
display:block;	
}
.threecol .col2 { margin-left:20px;
width:220px;
display:block;	
}
.threecol .col3 {  margin-left:10px;
width:220px;
display:block;	 }
.texto{background:url(img/cbg.gif) repeat-y 0 0; color: #353535; padding:15px 23px 0;text-align:justify;}
.col1 {background: url(img/csh.gif) no-repeat 0 0;}
.col1 p {background:url(img/cbg.gif) repeat-y 0 0; color: #353535; }
.col1 h2 {text-transform:uppercase;  color: #75ab37; width:100%; padding-top: 35px; margin-bottom:-5px; position:relative; left:21px; font-size:18px;}
.col1 .csf { background:url(img/csf.gif) no-repeat 0 0; height:43px;}

.col2 , .col3 {background:url(img/bbg.gif) repeat-y 0 0;color:#515353;}
.col2 h2, .col3 h2 { text-transform:uppercase; color: #29649a;height:54px; padding: 16px 0 0 16px; background:url(img/bsh.gif) no-repeat 0 0; margin-bottom:-20px;}
.threecol ul { padding-left:16px;}
.threecol p { padding:15px 23px 0 23px}
li.active p { padding:0 0 0 5px}
.col2 ul { background:url(img/girl.gif) no-repeat top right;}
.col3 ul {background:url(img/case.gif) no-repeat top right;margin-bottom: 0px;}
.col3 ul.correo {background:transparent;}
.col2 li, .col3 li { padding-bottom:16px;}
.bsf { background:url(img/bsf.gif) no-repeat 0 0; width:220px; height:48px;}
.bsfder { background:url(img/bsfder2.gif) no-repeat 0 0; width:220px; height:41px; }
.atencion { background:url(img/atencion.gif) no-repeat; height:132px;}
.atencion h4 {color: #849212; padding:30px 0 0 20px;}
.atencion p { padding-top:5px; color:#332d1e;}
.notiw {background:url(img/wsh.gif) no-repeat 0 0; }
.notiw h3 a {color:#75ab37; }
.notiw h3 { height:57px;padding-top:17px; position:relative; left:21px; margin-bottom:-35px;}
.notiw p.fecha { margin-bottom:-10px; color:#3d9bd9; width: 150px;}

/*** footer ***/
#footer { background: url(img/fbg.gif) no-repeat; height:90px; clear:both; height:136px; color:#e8e8e8; overflow:hidden; }
#footer ul {margin:0 0 0 216px;}
#footer li { float:left; padding-right:10px;}
#footer a { color:#e8e8e8;}
#footer #salfarf {width:150px; margin-left:40px;}
#footer .filaf1 {clear:both; padding-top:85px;}
#footer .filaf2 #copyf { margin-left:300px;}
#reservado{clear:both;
display:block;
width:100%;}
#reservado p {text-align:center;}

/*** NOTICIAS ***/
#noticias .col1 { width:480px; left:65px;}
#noticias .col2 { width:0px; left:-285px; background:none;}
#noticias .col3 { width:220px; left:85px;  }
#noticias .col1 {background:url(img/nbg.gif) repeat-y 0 0;}
#noticias .col1 ul.noticias { color: #353535; padding-left: 30px; padding-right:30px; margin:0;}
#noticias p {background:none;}
#noticias .col1 ul.noticias p {padding:0; background:none;}
#noticias .col1 h2 {
border-bottom:1px solid #C4E3EF;
color:#75AB37;
left:0;
margin-bottom:10px;
margin-top:10px;
padding-bottom:5px;
text-align:right;
width:421px;
text-transform:uppercase;

}
#noticias .col1 h2 div{border-bottom: 1px #c4e3ef solid;padding-bottom:10px; margin-bottom:5px; margin: auto 30px;}
#noticias .col1 .csf { background:url(img/nf2.gif) no-repeat 0 0; height:67px;}
#noticias .fecha, .noticias .fecha { color:#3D9BD9; padding:6px 0 0 8px;}
.noticias .fecha {margin-left:5px; padding:5px 0 0 0;}
#noticias .col1 h4, .noticias h4 {color:#845312; border-bottom:2px #87b652 dotted; padding-bottom:5px; margin-bottom:10px; margin-top:10px;} 
.noticias h4 {margin-left:5px; margin-bottom:0; padding:0 4px 0 4px;} 
#noticias ol { list-style: decimal inside; color:#74a527; margin: 10px 0;}
#noticias ol li span { color:#353535;}
#noticias img {border: 3px solid #dfdfdf; margin:10px 5px;}
#noticias ul.noticias ul {margin: 10px 0; list-style:circle; color:#5094ce;}
#noticias ul.noticias ul span {color:#353535;}
/*** SERVICIOS ***/

.servicio img {
float:left;
margin-top:0pt !important;
}

#noticias ul.noticias li.producto a.link {
color:#FF4700;
margin-left: 95px;
}

/*** SERVICIO UNICO ***/
.splashMain {position:relative; left:30px; top:0px; width:418px;}
.splashMain img{margin:0px !important; padding:0px !important; }
.barraImagen { clear:both; overflow:hidden; margin-top:10px;}
.barraImagen ul { height:52px;margin:0px !important; padding:0px !important;}
.barraImagen ul li {height:47px; float:left; width:84px; list-style:none; margin-left:0px;}
.barraImagen ul li img{border: 5px solid #dfdfdf !important;}
p.servicio {margin-left:8px;}


/*** CONTACTO ***/
.mod_form {
color:#444444;
height:480px;
padding:15px 0 0 16px;
}

.mod_form form .formbody label {
float:left;
width:354px;
margin:15px 0pt 0pt 20px;
}

.mod_form form .formbody input, .mod_form form .formbody textarea {
background:#F5F5F5 none repeat scroll 0% 0%;
border:1px solid #CCCCCC;
color:#555555;
float:left;
width:354px;
padding-top:5px;
margin:5px 0pt 6px;
}

.mod_form form .formbody input{
min-height:25px;
}

.submit_container{
width:354px;
}

.mod_form form .formbody input.submit {
float:left;
width:100px;
padding:3px;
}

.icoTel { background:url(img/tel.gif) right top no-repeat; }
.icoSob { background:url(img/sob.gif) right top no-repeat; }
.datos { margin-left: 20px; padding: 5px 0 20px 0;}
.etiqueta { margin: 15px 0 0 20px; color:#444444;}
.campo { margin: 5px 0 6px 0; border: 1px solid #CCC; width: 354px; min-height: 25px; background:#f5f5f5; color: #555; padding-top:5px;}
.elemento { background:url(img/som.gif) bottom repeat-x; }
.enviar { margin: 10px 0 7px 0; background:#f5f5f5; border: 1px solid #CCC; width:55px;}
.enviar:hover { background:#fff; border: 1px solid #cc3333;}
.elementoenv{ background:url(img/som.gif) bottom repeat-x; width:55px;}



/*** PROYECTOS ***/

.mod_newslist a {
display: block;
margin: 0 0 0 23px;
color:#75AB37;
}

#noticias  .colmid .colleft .col3 .ubicacion img, #noticias  .colmid .colleft .col3 .ubicacionf img {
margin:0;
padding:0;
border:0;
}

h2.ubicacion {
margin-bottom:-32px;
}

.ubicacion {
width:220px;
height:195px;
}

.girl { background:url(img/girl.gif) no-repeat top right;}

.girl ul { background:transparent;}

#productos .ce_text h4 {
border-bottom:2px dotted #87B652;
color:#529BCF;
text-transform:uppercase;
height:15px;
margin-bottom:10px;
margin-left:95px;
padding-bottom:5px;
}

#productos .ce_text a, #productos .ce_text a:hover {
color:#FF4700;
text-decoration:none;
}


ul.noticias li.producto p {
margin-left:95px;
}

/*.notiw  h3.caps2 {
height:57px;
margin-left:21px;
margin-top:17px;
}*/
.lista {
margin-top: 10px;
}

.image_container {
margin-top:0px;
}