/* Estilos Globales */
body {
	background-color:#f3f3ea;
	font-family: Arial,Helvetica;
	color:#666;
	margin:0;
	padding:0;
}

#wrapper{
	margin:auto;
	width:1024px;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;
}

/* Barra de Navegacion */
#navBar{
     margin-top:10px;
     text-align:right;
	 width:1024px;
	 margin:auto;
	 
}

#navBar ul {
	 border-bottom:solid 1px #cccccc;
	 /*border-top:solid 1px #cccccc;*/
	 list-style: none;
	 padding-top:10px;
	 padding-bottom:10px;
}

#navBar li {
	display:inline;
}

#navBar li a {
	 margin-left:70px;
	 color:#666;
	 text-decoration:none; 
}

#navBar li a:hover,  .active  {
	 padding-bottom:10px;
     border-bottom:solid 2px #0066cc;
}

#logo{
    margin-top:25px;
	
}

/*Apartados*/
#servicios,#clientes,#contacto{
  height:auto;
}

 #inicio{
	 height:400px;
 }

h1{
	color:#0066cc;
}

.cuadros {
	margin-top:100px;
}

.cuadros p{
	width:410px;
	border-top:solid 1px #cccccc;
    padding-top:15px;
	text-align:justify;
	line-height:25px;
}
/*Footer*/

#footer{
	padding-top:10px;
	height:100px;
	border-top:solid 1px #cccccc;
    line-height:30px;
	font-size:12px;
	clear:both;
}

/*Inicio*/


/*Servicios*/
#serv{
	margin-top:180px;
	border-top:solid 1px #cccccc;
}

.imagen{
	float:right;
}
.tipoServ{
	float:left;
	width:300px;
	height:260px;
	padding-right:30px;
}

#serv h3{
	color:#0066cc;
	font-size:1.2em;
}

#serv ul{
	padding-left:17px;
	margin:0;
}

#serv li{
	/*list-style:none;*/
	line-height:25px;
	font-size:0.9em;
}

/*Clientes*/
#slider{
	width:1024px;
	height:300px;
	margin:auto;
}

#portafolio{
	margin-top:17px;
	border-top:solid 1px #cccccc;
}

.tipoClient{
	float:left;
	width:300px;
	height:260px;
	padding-right:30px;
}

#clientes h3{
	color:#0066cc;
	font-size:1.2em;
}

#clientes ul{
	padding:0;
	margin:0;
}

#clientes li{
	list-style:none;
	line-height:25px;
	font-size:0.9em;
}


/*Contacto*/

#infoContacto {
	float:right;
	margin-top:35px;
	line-height:60px;
	list-style:none;
	font-size:0.9em;
}
#contacto ul{
	padding-left:0;
	margin-left:0;
}

#infoContacto  .ubicacion{
background:url(../Images/ubication_icon.png) no-repeat top 10px left ;
padding-left :45px;
}

#infoContacto .telefono{
	background:url(../Images/tel_icon.png) no-repeat  center left;
	padding-left :45px;
}

#infoContacto .mail{
	background:url(../Images/mail_icon.png) no-repeat center left;
	padding-left :45px;
}

#map{
	float:right;
	margin-right:px;
	margin-top:125px;
}

#contacto a {
	color:#0066cc;
	margin-left:160px;
}

/*Forma*/
.areatexto {
	height:150px;
	width:400px;
	max-width:400px;
	max-height:200px;
	margin:0;
}

.texto{
	height:25px;
	width:400px;
	margin:0;
}
	
.bloques {
	margin-top:80px;
	margin-bottom:60px;
	float:left;	
	
}

.bloques label {
	text-align:left;
	font-size:1em;
	letter-spacing:2px;
	padding-top:10px;
	display:block;
}

.btn{
	height:30px;
	width:100px;
	background-color:#0066cc;
	color:#fff;
	font-size:0.8em;
	text-transform:uppercase;
	letter-spacing:2px;
	border:none;
	cursor:pointer;
}