@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-color:#F7F7F7;
	text-align:center;
	background-image: url(/servicios/img/fnd_diagonal.gif);
}
h1{ display:none}
#general {

	width:780px;
	height:auto;
	margin:0 auto;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#FFFFFF;}

#cabecera{
	display:block;
	width:780px;
	height:110px;
	background: url(/servicios/img/cabecera2.jpg) right top no-repeat;
}

#menu_superior{
	display:block;
	width:780px;
	height:25px;
	list-style:none;
	margin:0px;
	padding:0px;
	background-color:#CC0066;
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#FFFFFF;
	border-bottom:2px solid #E60073;
}

#menu_superior li{
	display:block;
	float:left;
	margin-left:30px;
	margin-right:10px
}
#menu_superior li a{
	display:block;
	margin-top:4px;
	color:#FFFFFF;
	text-decoration:none
}

#cuerpo {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    display: block;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 13px;
    padding: 10px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#cuerpo_portada{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    display: block;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 13px;
    padding: 30px;
}
#cuerpo_portada div.ingenieria, #cuerpo_portada div.asesoria, #cuerpo_portada div.comunicacion{
	display:block;
	float:left;
	height:400px;
	padding:0px;
	background-color:#F7F7F7;
	text-align:left;
}
div.ingenieria{
	background:url(../img/portada_flor.jpg) left bottom no-repeat
}
div.asesoria{
	background: url(../img/portada_agujas.jpg) left bottom no-repeat
}
div.comunicacion{
	background: url(../img/portada_cristales.jpg) left bottom no-repeat
}
#cuerpo_portada div h2{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif !important;
	font-size:14px;
	text-transform:uppercase;
	margin:15px 30px;
	padding:0px;
}
#cuerpo_portada div ul{
	display:block;
	list-style:none;
	margin:0px 30px;
	padding:0px;
	text-align:left;

}
#cuerpo_portada div ul li{
	display:block;
	padding-left:15px;
	height:25px;
	background:url(../img/flecha-azul.gif) left  center no-repeat;
}
.clientes{
	display: block;
	clear:both;
}

.clientes img{
	display:block;
	float:left;
	margin-left:35px;
	margin-bottom:30px;
	padding:2px;
	border:1px solid #CCCCCC
}

.clientes span{
	display:none
}

.clientes p{
	display:block;
	margin:20px 30px;
	text-align:left
}

.casos_exito{}
.caso_estudio {
    clear: both;
    display: block;
    float: left;
    margin: 20px 30px;
}
.caso_estudio img {
    float: left;
    margin: 0 30px 0 0;
}
.caso_estudio h3, .caso_estudio a, .caso_estudio p {
    clear: right;
    display: block;
    float: left;
    text-align: left;
    width: 280px;
}
.caso_estudio h3{
	color:#333333;
	font-size:22px;
	margin:0px
}

.caso_estudio a{
	color:#CB0167;
	text-decoration:none
}
.caso_estudio a:hover{
	text-decoration:underline;
}
.caso_estudio p{
	font-family: Trebuchet MS, Arial;
	font-size:12px;
	color: #999999;
	margin:10px 0px;
	text-align:justify
}

#pie{
display:block;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
height:40px;
margin:30px;
float:left;
text-align:center;}

#pie a{ color: #333; text-decoration:none; border-bottom: 1px dashed #333}