@import 'catalogo.css';
@import 'proyecto.css';
@import 'listaproyectos.css';
@import 'incorporaciones.css';
@import 'menu.css';
@import 'empleo.css';
@import 'oferta.css';
@import 'productos.css';
@import 'logos.css';
@import 'cabecera.css';
@import 'pedido.css';
@import 'noticia.css';

* {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
	text-align:center;
}

#contenedor {
	width: 779px;
	text-align: left;
}
/*a partir de aqui esta todo metido en el div cuerpo*/
#cuerpo {
	clear: both;
	height: 30px;
}
/*lado de la izquierda*/
#izq {
	float:left;
	background-color: rgb(167,59,68);
	border:1px solid rgb(121,21,68);
	height:100%;
	width:178px;
}
#izq a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}

#privado {
	text-transform:uppercase;
	font:bold 9px/20px;
	border:2px solid #E6CFD1;
	padding:5px;
	margin:3px;
	list-style:none;
}
#privado li {
	margin-bottom:2px;
	height:0;
}
#privado li a {
	width:100%;
	display:block;
	padding:5px;
	background-color:#AE7634;
	border:1px solid #BCA650;
}
#privado li a:hover {
	background-color:#AE9534;
	border:1px solid #C6B264;
}


#clientes, #noticias{
	font-size:9px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	border:1px solid rgb(213,193,113);
	margin:3px;
}

#clientes a:hover{
	background:rgb(124,44,50);
	background:rgb(188,107,114);
}
#clientes a {
	display:block;
	padding:5px;
}

#clientes form {
	color:#F0D6D8;
	background-color:#C16970;
	padding:5px;
}
#clientes h6 {
	font-size:8px;
	background-color:#6F272D;
	border:1px solid #DB989E;
}

/*lado de la derecha*/
#der {
	float:right;
	width:599px;
	height:100%;
	background:rgb(200,200,200);
	font-size:11px;
}

#der ul.horizontal {
	background-color:#dddddd;
	height:10px;
	font: bold 10px Arial, sans-serif;
}
#der ul.horizontal li {
	margin: 0;
	float:left;
	list-style: none;
	border-top: 1px solid gray;
}
#der ul.horizontal a{
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid rgb(134,90,90);
	background: rgb(234,228,204);
	text-decoration: none;
	
}
#der ul.horizontal a:link {
	color: #448;
}
#der ul.horizontal a:visited { 
	color: #667; 
}

#der ul.horizontal a:hover {
	border-color: rgb(224,178,0);
	color: white;
	background: rgb(173,148,51);
}
#der div.texto {
	background:rgb(220, 220, 220);
	margin:10px;
	padding:20px 10px 15px 20px;
}
#der div.texto h5{
	text-transform:uppercase;
	font: bold 11px Arial, sans-serif;
	background:rgb(230, 230, 230);
	background-color:rgb(232,229,217);
	margin-bottom:10px;
	padding:10px;
}
#der div.texto p {
	background:rgb(230,230,230);
	margin-bottom:10px;
	padding:10px 10px 10px 30px;
}
#listafotos {
	float:right;
	width:200px;
}
#listafotos div.foto{
	float:none;
}

div.foto{
	border:1px solid rgb(170,170,170);
	float:right;
	margin:0px 5px 20px 15px;
}
div.foto img{
	width:200px;
}
div.foto p{
	margin:0px;
	padding:5px;
	text-align:center;
	border-top:2px solid rgb(166,58,67);
}


#sector1 {
	background-color:rgb(230,230,230);
	height:30px;
}

#profesionalespublico, #profesionales, #nuevas, #proyectos, #imagen {
	float:left;
	margin:1px;
}
#imagen, #profesionales {
	width:75%;
}

#imagen {
	height:100%;
	background:white;
	border:7px solid rgb(255,255,255);
	text-align:center;
	padding:1px;
}
#imagen img {
	width:100%;
	border:1px solid rgb(230,230,230);
}

#der #proyectos, #nuevas {
	width:144px;
}

#proyectos {
	background:rgb(245,245,245);
}

#proyectos img {
	width:100%;
	margin:5px;
}

#der #proyectos {
	height:100%;
}

#proyectos h6{
	text-align:center;
	text-transform:uppercase;
	background:rgb(100,100,100);
	color:white;
	padding:5px;
	border:1px solid white;
}

#proyectos p {
	font-size:10px;
	text-align:right;
	padding:5px;
}
#proyectos p a{
	color:rgb(166,58,67);
}
#proyectos p a:hover{
	color:rgb(235,58,67);
	background:white;
}

#proyectos ul {
	font-weight:bold;
	font-size:10px;
	text-transform:capitalize;
	color:rgb(100,100,100);
	background-color:rgb(234,228,204);
	border:1px solid rgb(220,190,193) ;
	padding:5px 10px 30px 10px;
	margin:5px 5px 10px 10px;
}
#proyectos li {
	list-style:square inside;
	margin-bottom:5px;
	border-bottom:1px solid rgb(166,58,67);
}
#proyectos ul a{
	display:block;
	text-decoration:none;
	color:rgb(166,58,67);
}
#proyectos ul a:hover{
	color:rgb(100,100,100);
	background-color:rgb(220,220,220);
}

#profesionalespublico, #profesionales, #nuevas {
	text-align:center;
}

#profesionales, #nuevas {
	height:60px;
	text-transform:uppercase;
	font-weight:bold;
}


#profesionales, #profesionalespublico {
	background:rgb(100,100,100);
	color:white;
	font-size:18px;
}

#profesionalespublico {
	height:93%;
	text-transform:capitalize;
}

#nuevas a, #profesionales a, #profesionalespublico a{
	text-decoration:none;
	width:100%;
	height:100%;
	margin:5px;
	border:2px solid rgb(204,161,102);
}

#profesionales a , #profesionalespublico a{
	color:white;
	padding-top:16px;
	background:rgb(166,58,67);
}
#profesionales a:hover, #profesionalespublico a:hover{
	border:2px solid rgb(166,58,67);
	background:rgb(204,161,102);
	color:rgb(166,58,67);
}

#nuevas {
	background:rgb(250,250,250);
	font-size:17px;
}
#nuevas a{
	color:rgb(166,58,67);
	padding-top:6px;
	background:white;
}
#nuevas a:hover{
	color:rgb(204,161,102);
	border:2px solid rgb(166,58,67);
}


/*estilo del pie de pagina*/
#pie {
	clear: both;
	color:rgb(167,59,68);
	background-color:rgb(143,36,46);
	font:bold 9px;
	text-align:center;
	height:0;
	margin-top:4px;
	border:1px solid rgb(124,44,50);
}

#pie p {
	background-color:#FFFFFF;
	padding:8px 0px 5px 0px;
	margin-bottom:9px;
	width:40%;
}

#pie h5 {
	color:#FFFFFF;
	border:1px solid white;
	width:50%;
	margin:5px 0px 7px 0px;
	text-transform:uppercase;
}
.clear {
	clear:both;
	border:1px solid red
}