/* Fichero creado por Noel Torres para Obrex a partir de las páginas de la primera mitad de 2010 por Luján Torres.

© Noel Torres, 2010, 2011
© Ángela Jornet, 2010

*/

body{
	margin:0;
	font: 11px verdana, geneva, verdana, sans-serif;
	background:#fff url(../imagenes/bg.gif) ;
	line-height:150%;
	}

.clear{	clear: both; }

img{ border: none; }

a { color: #5C166F; text-decoration:none; }
a:hover { color:#aaa; }

input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:5px; border:1px solid #ccc; margin-bottom:6px; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:5px; border:1px solid #ccc; margin-bottom:6px;  }

h2 { display:none; }

.morado { color:#570C67; }
.foto1 { float:left; margin:0; padding:0; }
.foto2 { float:right; margin:0 0 5px 20px; padding:0; }
.icono { vertical-align: bottom; }

.error { color:#CC0000; font-weight:bold; }
.bien { color:#009900; font-weight:bold; }

.input1 { width:172px; }
.input2 { width:370px; height:150px; }
.boton { background:#000000; color:#FFFFFF; font-weight:bold; border:0px solid #5C166F; }

.tamano2 { font-size: 14px; }

.lista1 {  margin:0 0 0 0; padding:0; text-align:left; }
.lista1 li { list-style: url(../imagenes/lista1.gif); margin-left:17px; padding:0; }
.lista2 {  margin:0 0 0 0; padding:0; }
.lista2 li { list-style: url(../imagenes/lista2.gif); margin-left:17px; padding:0; }

#cuerpo{
	margin: 0 auto;
	width: 780px;
	background: #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	}

#cabecera {
	position: relative;
	height: 220px;
	}
	
#tit-inicio {
	background:url(../imagenes/titulos/inicio.png) top no-repeat;
	}
#tit-empresa {
	background:url(../imagenes/titulos/empresa.png) top no-repeat;
	}
#tit-servicios {
	background:url(../imagenes/titulos/servicios.png) top no-repeat;
	}
#tit-trabajos {
	background:url(../imagenes/titulos/trabajos.png) top no-repeat;
	}
#tit-contacto {
	background:url(../imagenes/titulos/contacto.png) top no-repeat;
	}
	
#tit-inicio , #tit-empresa , #tit-servicios , #tit-trabajos , #tit-contacto {
	display: inline;
	float: left;
	width: 50px;
	height:400px;
	padding: 20px 0 20px 0;
	text-align:justify;
	border-right:0px solid #ddd;
	background-position:0px 20px;
}

#contenido1 {
	display: inline;
	float: left;
	margin: 0 0 0 0;
	padding: 20px 0 20px 0;
	width: 390px;
	text-align:justify;
	border:0px solid #000;
	}
#contenido2 {
	display: inline;
	float: left;
	margin: 0 0 0 20px;
	padding: 20px 0 20px 0;
	width: 300px;
	text-align:justify;
	border:0px solid #000;
	}
#contenido3 {
	display: inline;
	float: left;
	margin: 0 0 0 0;
	padding: 20px 0 20px 0;
	width: 690px;
	text-align:justify;
	border:0px solid #000;
	}

#menu {
	clear: both;
	position: relative;
	padding:4px 5px 5px 5px;
	font-size:11px;
	text-align:center;
	color: #660099;
	}

#pie {
	clear: both;
	position: relative;
	padding:4px 5px 5px 5px;
	background:#510D62;
	font-size:9px;
	text-align:center;
	color:#FFFFFF;
	}
#pie a { color: #FFCC00; }
#pie a:hover { color: #ccc; }

/* */

.lafoto { width:300px; height:213px; background:#570C67; }
.caja1 { float:left; height: 71px; width:300px; margin-bottom:15px; text-align:left;line-height:100%; }
.caja1 span { font-size:10px; }
.caja1 img { float:left; margin:0 5px 0 0; padding:0; }
.caja2 { float:left; height: 110px; width:340px; margin-bottom:15px; margin-right:5px; text-align:left;line-height:100%; }
.caja2 span { font-size:10px; }
.caja2 img { float:left; margin:0 5px 0 0; padding:0; }