body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-align:	center;
margin:0; padding:0;
color:#ffffff;
background:#383838 url(http://www.soltecsl.com/imagenes/body.jpg) repeat-x 0% 0%;
}

ul { list-style-type:none; margin:0; padding:0;}
a {color:#ee7f00;}

#contenedor {width: 900px;  text-align:left; margin:0 auto; clear:both; }

.clearfix:after
  {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
  }
  
.oculta {	
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	left: 432px;
	top: 1px;
}  
/*******************/
#cabecera {width:940px; height:150px; float:left; margin:0; background:#727272;}

#cabecera h1 {width:196px; height:173px; float:left; clear:none; overflow:visible; background:url(http://www.soltecsl.com/imagenes/logo.jpg) no-repeat 0% 0%; margin: 0 0 0 0px;}

#cabecera h1 a {width:196px; height:173px; display:block;}

#cabecera address {font-style:normal; text-align:left; float:right; font-size:0.70em; margin:5px 0 0 0;  width:29%;}
#cabecera address span {color:#ee7f00; background:#727272; }

#cabecera address a {color:#cccccc;}

#cabecera ul {width:420px; height:20px; float:left; margin:125px 0 0 25px;}

#cabecera li {float:left; display:inline; margin:0 5px;}
#cabecera li a {color:#ffffff; text-decoration:none; font-size: 0.8em; text-align:center; padding:3px 5px 7px 5px;}
#cabecera li a:hover, #cabecera li a.current {border-top: 2px solid #ee7f00; background-color:#000; padding:3px 5px 7px 5px;}

/*******************/
#contenido {
width:900px; 
float:left;
min-height: 510px;
padding-top: 15px;
/*border: 1px solid red;*/
}

#contenido h2, h3 , h4 ,h5 {color:#ee7f00; margin-left: 225px;}
#contenido h2.home {font-size:1.1em; width: 70%;}
#contenido h3 {margin-bottom: 30px; width:80%; font-size: 1.6em; padding:0 0 0 0px;}
#contenido h3.servicios {float: left; margin-bottom: 5px; width:90%; background:url(../imagenes/punto_naranja.jpg) no-repeat 0% 0%; font-size: 1em; padding:0 0 0 20px;}
#contenido h4 {margin-left:245px; font-size:0.8em; float:left; clear:left; width:90%; margin-bottom:5px;}

#contenido ol { margin-left: 225px; width:90%; color:#FFFFFF; float: left;  font-size: 0.75em;}
#contenido ol li {padding: 0 0 20px 0; width:80%; }
#contenido ol li p {font-size:1em; width:100%; margin: 5px 0 0 0; }
#contenido ol strong { font-weight:normal; color: #ee7f00;}
#contenido ol ol {margin-left: 10px; font-size: 1em; width: 90%; margin-top: 5px; clear:left;}
#contenido ol ol li {float:left; clear:left; width:90%;}

#contenido ul {
margin-left: 225px;
width: 80%;
}
#contenido ul li {float:left; width: 110px; height: 110px; color:#aaaaaa; font-size: 0.7em; margin-right:50px;}
#contenido ul li img {display:block; margin-bottom: 5px;}

#contenido p {width: 70%; font-size: 0.75em; line-height: 18px; margin-left: 245px;}

#contenido strong {color: #ee7f00;}

#contenido ul.listado {float: left; font-size: 1.1em;}
#contenido ul.listado li {width: 100%; color:#ffffff; display:block; height: 20px; padding: 0 0 5px 30px;}

#contenido ul.listado_obras {width: 140px; float: left; font-size: 1.1em; margin: 20px 0 0 35px;}
#contenido ul.listado_obras  li
{width: 100%; display:block; height: 20px; padding: 5px 0 0 0;}
#contenido ul.listado_obras  li.pr {height: 40px;}
#contenido ul.listado_obras  li h2 {font-size: 2.2em; font-weight:normal; margin:0; padding:0; float:left; color:white;}
#contenido ul.listado_obras  li a {color:#ffffff; text-decoration:none; display:block; }
#contenido ul.listado_obras  li a:hover, #contenido ul.listado_obras  li a.current {color:#ee7f00;}

#contenido ul.lista_imagenes {width: 50%; float: left; margin: -20px 0 0 25px; }
#contenido ul.lista_imagenes  li {width: 100%; height: auto; float: left; margin:0 5px 5px 0; display:inline;}
#contenido ul.lista_imagenes  li img {padding: 3px; background-color:#000000;}
#contenido ul.lista_imagenes li.foto {margin:0 6px 5px 0; width:auto; height: auto; float:left; clear:none; display:inline; }

#contenido dl {width: 245px; float: right; margin: -45px 0 0 0; padding:0;}
#contenido dl dt {font-size: 0.9em; margin:5px 0 0 0; padding:0; color:#ffffff; font-weight:bold;}
#contenido dl dd {margin: 4px 0 0 0; padding: 0;}
#contenido dl dd p {width: 95%; margin:0; padding:0; font-size:0.7em; color:#cccccc;}
#contenido dl dd strong {color:#CCCCCC;}
#contenido dl ul {width:100%; margin:0; padding:0; font-size: 1em;}
#contenido dl ul li {width:215px; height: auto; margin:0 0 5px 0; padding: 0 0 5px 5px; background: url(http://www.soltecsl.com/imagenes/bullet.jpg) no-repeat 0% 0%;}
#contenido dl ul li.ult {margin-bottom: 35px;}

#contenido p.advertencia { border: 1px solid #ee7f00; padding:10px; color:#cccccc;}
/*********FORMULARIO**********/

form {width: 85%;}
form p {margin:0 0 15px 0;clear:both;}
label {width:70px; float:left; text-align:left; margin-right:10px;}
form input{border:1px solid #ee7f00; padding:2px 0 2px 0;}
form textarea{border:1px solid #ee7f00; float:left; clear:left; margin:0 0 20px 0; padding:0; width:400px;}
.boton{border:1px outset;}
form p.condiciones {margin-left: -5px; margin-bottom:15px;}
form p.condiciones .check { margin-top:5px; margin-right:5px;border:1px solid #ee7f00;}
form p.condiciones label.politica {width: 70%; float:left;}
form p input.boton {margin-top:15px; border:1px solid #ee7f00; padding: 0 10px 3px 10px; cursor:pointer;}

#contenido address {font-style:normal; float:left; font-size:0.75em; line-height:17px; width:90%; margin:0 0 25px 245px;}
#contenido address span {color:#ee7f00;}
#contenido p.mapa {float:left; clear:left; font-size:0.7em; padding:0 0 20px 0;}

/*********PIE**********/
#cont_pie {
width: 100%;
height: 100px;
text-align:	center;
margin:0; padding:10px 0 0 0;
background-color:#000000;
border-top: 3px solid #757575;
color:#ffffff;
font-size: 0.6em;
}
#pie {color:#cccccc; width: 900px; height: 60px; margin:0 auto; clear:both;}
#pie a {color:#cccccc; text-decoration:none;}
#pie a:hover {text-decoration:underline;}