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

/* ETIQUETA GENERALES*/
article, aside, figure, footer, header, nav, section {display: block;}	
ul, body {margin: 0; padding: 0; list-style: none;}

/* H1 H2 H3 H4 H5 H6 - p  - a */

h1,h2,h3,h4,h5,h6 {
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;}

h1 {font-size: 24px; color:#5571a5;}
h2 {font-size: 20px; color:#5571a5;}
h3 {font-size: 16px; color:#5571a5;}
h4 {font-size: 25px; font-weight:bold; color:#FFFFFF; text-align:center;}
p {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 12px;color:#333333;}

a {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 12px; color:#ffffff; font-weight: bold;}

a:link {text-decoration: none;}
a:visited {text-decoration: none; color: #ffffff;}
a:hover {text-decoration: none; color: #6c91d6;}
a:active {text-decoration: none;color: #ffffff;}


/* BODY SITIO */

body {
background-image:url(img/fondo.png);
background-repeat:repeat-x;
background-color:#295182;}



/* CLASES GENERALES */

.interior{
width:960px;
margin:0 auto;
background-color:#FFFFFF;
/*sombra contenedor interior*/
-webkit-box-shadow: 0px 0px 10px 1px rgba(110,110,110,0.5);
-moz-box-shadow: 0px 0px 10px 1px rgba(110,110,110,0.5);
box-shadow: 0px 0px 10px 1px rgba(110,110,110,0.5);}
	
.limpiar {clear: both;}
.izquierda {float: left;}
.derecha {float: right;}
.imagen {border: none; display:block; margin:0px auto;}
.boton {border: none; display:block;}
.destacado {color: #666; font-style:italic;}	
.subtitulo {color: #5571a5;}
.destacado{font-size:16px; font-style:normal;}

/* ZONA CONTENEDOR */

#contenedor {
width: 960px;
margin: 0 auto;}


/*ZONA HEADER*/

.top{
height:140px;
margin-bottom:5px;
margin-top:5px;}


/*ZONA MENU*/

#navegacion {
width:960px;
height:50px;
float:right;}

#menu_horizontal li a{
display:block;
float:right;
width:160px;
height:35px;
text-align:center;
list-style:none;
padding-top:15px;

/*texto menu*/
color: #50545c;
font-size: 14px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
text-decoration:none;
font-weight:normal;}

#menu_horizontal li a:hover{
background-image:url(img/f_menu.jpg);
background-repeat:repeat-x;
color:#FFFFFF;}

/* estado activo del menú*/
#menu_horizontal .actual a{
color:#FFFFFF;
background-image:url(img/f_menu.jpg);
background-repeat:repeat-x;}




/*SECCION_INICIO*/

#entradas {
width: 637px;
height: 400px;
float:left;
margin-left:20px;}

.intro {width: 637px;}
	
.ico{
float:left;
width: 212px;
height:160px;
margin-bottom:10px;}

.ico2{
float:left;
width: 212px;
height:160px;}

.ico2 p{
	margin-top:-10px;}


#contacto_izq {
width: 280px;
height: 450px;
float:right;
background-color:#ececec;
padding-top:25px;
margin-top:-5px;}
	
.texto_interior{text-align:center;}

.contacto_titulo{
background-color:#295182;
height:35px;
padding:15px 0px 10px 35px;}
	
.contacto_titulo p{
color:#FFFFFF;
font-weight:bold;
font-size:26px;
margin-top:0px;}

.sombra{
background-image:url(img/sombr.png);
background-repeat:no-repeat;
float:left;
height:400px;
width:23px;}

.sombra2{
background-image:url(img/sombr2.png);
background-repeat:no-repeat;
float:left;
height:470px;
width:23px;}

.clientes{width:637px;}
	
.clientes p{
text-align:center;
font-size:14px;
padding:20px;
background-color:#ececec;
letter-spacing:4px;
color:#666666;
margin-bottom:-10px;}


/* PIE DE PAGINA */

#pie {
height:70px;
display:block;
background-color:transparent;}

.texto_pie{
width:800px;
float:right;}
	
.texto_pie p{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 12px;
font-style: normal;
color:#FFFFFF;
text-decoration: none;
text-align: right;}
	
.webmail{
margin-top:-5px;
width:105px;
float:left;}



/* CONTACTO */

#seccion_contacto{
width:850px;
margin:0 auto;}

#formulario{
width:400px;
height:auto;
float:left;
padding-right:20px;
margin-top:30px;
margin-bottom:30px;}

.contacto{
color:#0D6CB0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 0px 30px;}
	
.contacto label{
display: block; /* esto es para que el label se sobreponga a la caja de texto */
font-weight:normal;}

.contacto div{
	width:350px;
margin-bottom: 20px; /* esto los separara un poco */}

.contacto input[type='text'], .contacto textarea{
padding: 2px 6px;
width: 350px; /* una longitud definida */
border: 1px solid #999;
resize: none; /* esta propiedad es para que el textarea no sea redimensionable */
margin: 4px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.contacto input[type='text']:focus, .contacto textarea:focus{
outline: none; /* reset especifico para Chrome/Safari */
box-shadow:0 0 0 1px #59adef;}

#ubicacion{
width:425px;
height:auto;
float:right;
margin-top:30px;
margin-bottom:30px;}



/* EMPRESA*/

#seccion_empresa{
width:960px;}

#info_emp{
width: 480px;
height: 287px;
float:left;
margin-left:55px;
margin-top:30px;}
	
#info_emp p {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:20px;}

#info_emp li{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:27px;
list-style:square;}

#fotografia {
width: 410px;
float:right;
margin-top:30px;}



/* EQUIPO*/

#seccion_equipo {
width: 850px;
height: auto;
padding-top:30px;
margin:0 auto;}
	
#equipo {
width: 425px;
height:350px;
float:left;}

#transporte {
width: 425px;
height: 350px;
float:right;}
	

/* CARGA*/

#seccion_carga {
width: 850px;
height: auto;
padding-top:30px;
margin:0 auto;}
	
.columnas{
width: 192px;
height:200px;
float:left;
margin-bottom:30px;
margin:20px 10px 30px 10px}

.columnas p{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
text-align:center;
line-height:17px;
margin-top:100px;}


/*CLIENTES*/

#seccion_clientes {
width: 905px;
height: auto;
padding-top:30px;
margin-left:55px;}

#lista{
width:200px;
height:280px;
float:left;}

#lista p {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:20px;}

#lista li{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:27px;
list-style:square;}

#lista li a{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:27px;
list-style:square;
font-weight:normal;}

#lista li a:hover{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#5571a5;
line-height:27px;
list-style:square;
font-weight:normal;}


#lista2{
width:200px;
height:220px;
padding-top:60px;
float:left;}

#lista2 p {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:20px;}

#lista2 li{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:27px;
list-style:square;}

#lista2 li a{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#666;
line-height:27px;
list-style:square;
font-weight:normal;}

#lista2 li a:hover{
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 14px;
color:#5571a5;
line-height:27px;
list-style:square;
font-weight:normal;}

#foto_cliente{
width:500px;
height:280px;
float:right;}