@import url("borrar.css");

html 	{ 
height: 100%;  
background: #fafafa url(../img/background.gif) repeat; 
 }

body	{ 
background:url(../img/background-2.gif) repeat-x; 
}

#page{
}

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

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

p{
text-align:justify; 
}

.grid{
width: 808px; 
margin: 0 auto; 
background:url(../img/background-2.gif) repeat-x;
}
.grid:after	{ 
display: block; 
clear: both; 
content: "."; 
height: 0; 
visibility: hidden; 
overflow: hidden; 
}


/*** header ***/
#header { 
min-height: 119px; 
text-align: left; 
background: url(../img/h.gif) no-repeat; 
clear:both;
float:left;
width:100%;
}
#header ul { 
padding:65px 0 0 290px;
font: 10px Arial, Helvetica, sans-serif
}
#header ul li { 
float:left; 
width:70px; 
height: 24px; 
background:url(../img/barOut.gif) no-repeat left; 
padding-left: 12px;
}
#header ul li:hover { 
background:url(../img/barOver.gif) no-repeat left; 
}
#header a, p { 
color:#b0b0b0;

 }
#headera:hover { 
color:#ff4547; 
text-decoration:underline;
}

/*Menu de Navegacion*/
.navigationmenu{
height:118px;
}
/*** imagen grande ***/
#grande { 
height: 220px; 
min-height: 220px; 
clear:both;
float:left;
width:100%;
}

/*** tres imagenes de servicios ***/
#expose { 
background-color:#262626;
clear:both;
height:165px;
}
#expose  img{ 
float: left;

}

/*** content general ***/
#separador { 
background: #000000; 
height:4px;
}
#separadorNegro 	{ 
background:#262626 none repeat scroll 0% 50%;
clear:both;
height:4px;
}
#content {
border-top: 0px solid #000000;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #808080; 
height:100%; 
background: #fafafa url(../img/cbg.gif) repeat-x; 
float:left; width:100%; 
position:relative;
min-height:300px;

}
		
.columna{ 
display:block;
float:left;
overflow:hidden;
position:relative;
text-align:justify;
}
.columna ul{ 
list-style-image:none;
list-style-position:inside;
list-style-type:square;
}

.columna li{ 

}


.colrecorte { 
position:relative; 
clear:both; 
float:left; 
width:100%; 
overflow:hidden; 
}
.colleft { 
float:left;
 width:100%; 
 position:relative; 
 }

#izquierda {
float:left;
width:215px;
position:relative; 

}

#centro{
float:left;
width:350px;
position:relative; 


}
 
 
#content h1{ 
padding: 0 0 5px 20px; 
font: 18px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif; 
font-weight: bold; 
color: #3e3e3e; 
margin-bottom:10px; 
border-bottom: 1px solid #d8d8d8;
}
#content p { 
line-height: 140%; 
margin-bottom:5px; 
}
#content a{ 
/*color: #808080; */
}
#content a:hover {
 color: #0099FF;
 }

#cizq{ 
padding: 25px 17px 50px 25px; 
width: 270px;
display:block;
float:left;
overflow:hidden;
position:relative;
 }
#cizq table{ 

width: 270px;
 }
 
#cizq ul li { 
float: left; 
padding: 0 4px 4px 0; 
}
#cizq ul li { 
border:2px #333333 solid;
width: 82px; 
height: 82px; 
overflow:hidden;
}
#cizq .galeria{ 
clear:both; 
margin-bottom:5px;
}

#ccentro 	{ 
padding:25px 0 50px 111px;
width:259px; }

#derecha 		{ 
float:right;
margin:40px 0 0;
width:210px;
margin-bottom:25px;
}
#derecha .ban	{ 
margin: 27px 0 0 34px;

 }


.ban	{ margin: 27px 0 0 34px; }
/*** footer ***/

.columna_pie{
display:block;
float:left;
overflow:hidden;
position:relative;
text-align:justify;
margin:0 25px;
width:246px;
}

#footer 	{ 


background:#2D2D2D url(../img/f.gif) no-repeat scroll 95% 32px;
border-top:4px solid #000000;
color:#CCCCCC;
float:left;
font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:1px;
line-height:normal;
padding:10px 0;
position:relative;
width:100%;
}
#footer a	{ color: #eee; text-decoration: none; }
/*#fizq 		{ width: 246px; margin: 0 25px 0 25px;}*/

#footer ul li	{  padding: 4px 0 4px 0; background:url(../img/borli.gif) repeat-x; background-position: bottom;}
#footer ul li 	{ 
font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif;
font-size:11px;}
#footer ul li p { margin: 0 0 0 14px; }
#footer h3 { font-size:15px;}


#fcentro 	{ 
display:block;
float:left;
padding-left:100px;
padding-top:13px;
width:600px;
}
#fcentro p { text-align:center;}

#simagen{ 
float:right;
height:45px;
margin-left:0;
margin-right:0;
margin-top:0;
width:36px;
}


/*** LA EMPRESA ***/

#cizq_e 			{ 
padding: 25px 17px 50px 25px; 
width:182px;
display:block;
float:left;
overflow:hidden;
position:relative;
}
#cizq_e ul li 		{ padding: 0 4px 4px 0; color:#999999;}
#cizq_e ul li img	{ border:2px #d3d3d3 solid; width: 171px; height: 109px; overflow:hidden;}
#cizq_e .galeria	{ clear:both; margin-bottom:5px;}

#ccentro_e 			{ padding: 25px 0px 50px 17px; width:356px; }



/*** SERVICIOS ***/

.cizq_banner			{ 
padding: 25px 17px 50px 25px; 
width: 173px;
display:block;
float:left;
overflow:hidden;
position:relative;
}


#ccentro_s	  { padding:40px 0 50px 25px; width: 562px; }
#ccentro_s h1 { padding: 0 0 5px 172px; background:url(../img/balSer.gif) no-repeat right; clear:both; }
#ccentro_s  { border:2px #d3d3d3 solid; width: 171px; height: 109px; overflow:hidden; }
#areas { float:right; width:100% }
#areas .ser  { float:left; width:175px; overflow:hidden; margin-bottom: 38px; }
#areas .sertxt  { float:left; width:356px; overflow:hidden; margin: 0 0 38px 30px;}


.serlista 	 {padding-left:30px; width:165px;}
.serlista h2 { color: #cc3333; font-weight:bold; margin-bottom: 10px; padding-left:9px; background: url(../img/serul.gif) left no-repeat;}
.serlista ul { margin-bottom: 20px; }
.serlista li { width: 160px; margin-bottom:4px; padding-bottom:0px; border-bottom: 1px dashed #e9e9e9;}
.serlista li:hover { background: url(../img/serli.gif) right no-repeat;}
.serlista a { color: #808080; }
.serlista a:hover { color: #666464; }


.servicio_ 	 {padding-left:30px; width:165px;}
.servicio_ h2 { color: #cc3333; font-weight:bold; margin-bottom: 10px; padding-left:9px; background: url(../img/serul.gif) left no-repeat;}
.servicio_ ul { margin-bottom: 7px; }
.servicio_ li { width: 160px; margin-bottom:4px; padding-bottom:0px; }
.servicio_ li:hover { background: url(../img/serli.gif) right no-repeat;}
.servicio_ a { color: #cc3333; font-weight:bold; margin-bottom: 10px; padding-left:9px; 

/*** background: url(../img/serul.gif) left no-repeat;***/ }
.servicio_ p { color: #0099FF; font-weight:bold; margin-bottom: 10px; padding-left:9px; background: url(../img/serul.gif) left no-repeat; }
.servicio_ a:hover { color: #666464; }


/*** SERVICIO UNICO ***/

#ccentro_u	  { padding:10px 0px 0px 25px; width: 562px; }
.serUnico { padding: 0 0 5px 172px; background:url(../img/balSer.gif) no-repeat right; clear:both; }
#ccentro_u  { border:1px #d3d3d3 solid; width: 121px; height: 77px; overflow:hidden; margin: 0 5px 5px 0; }
#ccentro_u #areas { float:right; width:100% }
.unicotxt  { 
float:left;
margin:0 0 38px;
overflow:hidden;
text-align:justify;
width:278px;

}
#content h3 { padding: 0 0 5px 20px; font: 18px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; color: #3e3e3e; margin: 5px 0 5px 0; }
.unicoimg  { 
float:left;
margin:10px 0 0 17px;
overflow:hidden;
width:50px;

}

#ccentro_u h1{
background:transparent url(../img/balSer.gif) no-repeat scroll right center;
clear:both;
}


/*** CONTACTO ***/
#cizq_e h2 { color:#cc3333; font-weight:bold; border-bottom: 1px solid #e9e9e9; padding-bottom:7px; }
.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;}
.submit_container {width:200px;}
.submit_container input {width:200px;}
#ccentro_contacto{		
padding:25px 0px 50px 17px;
width:420px;}

#frmContacto{}
#frmContacto input, textarea{
margin: 5px 0 6px 0; border: 1px solid #CCC; width: 354px; min-height: 25px; background:#f5f5f5; color: #555; padding-top:5px;
}


#ctrl_6{}
#ctrl_6 input, submit{
margin: 5px 0 6px 0; border: 1px solid #CCC; width: 200px; min-height: 25px; background:#f5f5f5; color: #555; padding-top:5px;
}
#col_last{}
#col_last input{
margin: 5px 0 6px 0; border: 1px solid #CCC; width: 200px; min-height: 25px; background:#f5f5f5; color: #555; padding-top:5px;
}
#elementoenv{}
#elementoenv input{
margin: 5px 0 6px 0; border: 1px solid #CCC; width: 200px; min-height: 25px; background:#f5f5f5; color: #555; padding-top:5px;
}


/*** PROYECTOS ***/
.modulo  { float:left;}
#ccentro_p	  { padding: 10px 0px 50px 25px; width: 562px; }

#ccentro_p h1 { padding: 0 0 5px 172px; background:url(../img/balSer.gif) no-repeat right; clear:both; }
#ccentro_p img { 
float:left;
padding-left:20px;
padding-right:20px;
}
#galeria_img img {
float:left;
padding-left:0px;
padding-right:0px;
}

.listaproyectos{ 
padding:21px 0 50px;
width:555px;
float:left;}


#proyContent h1 { background:url(../img/serli.gif) no-repeat 0 40%; clear:both;}
#proyContent p { clear:both; display:block; padding: 10px 0; color: #808080;}
#proyContent  {border: 1px solid #eee; clear:both;}
#proyContent .proyItem { margin: 0 0 10px 25px; height:100%; clear:both; display:block;}
#proyContent .proy imgBar {clear:both; margin:-2px 0 50px 0; padding: 4px 0 4px 2px; background:#eee; display:block; padding-bottom:68px;}
#proyContent .proy imgItem {float: left; margin-left:2px; padding-right:4px; width:60px; overflow:hidden;}