@charset "utf-8";

/************************** ICOMOON **************************/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?8m84ql');
	src:url('../fonts/icomoon.eot?#iefix8m84ql') format('embedded-opentype'),
		url('../fonts/icomoon.woff?8m84ql') format('woff'),
		url('../fonts/icomoon.ttf?8m84ql') format('truetype'),
		url('../fonts/icomoon.svg?8m84ql#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-user:before {
	content: "\e600";
	font-family: 'icomoon';
}
.icon-facebook:before {
	content: "\e601";
	font-family: 'icomoon';
}
.icon-linkedin:before {
	content: "\e602";
	font-family: 'icomoon';
}
.icon-arrow-right:before {
	color:#FC0;
	content: "\e603";
	font-family: 'icomoon';
}
/************************** ICOMOON **************************/

/************************** ESTRUCTURAS **************************/
html{
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	width:100%;
	overflow:hidden;
	height:100%;
	padding:0;
	left:0;
	margin:0;	
	margin-top:0px;
}

#wrapper{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	
}

#head{
	background-image:url(../imagenes/plantilla/fondo-header.png);
	background-position:center top;
	background-repeat:no-repeat;
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:auto;
	}

#content{
	background-image:url(../imagenes/plantilla/fondo.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:auto;
	margin:auto;
	width:1012px;
	
}

#footer{
	background-image: url(../imagenes/plantilla/fondopie.png);
	background-position:center top;
	background-repeat:repeat-x;
	width:100%;
	padding:20px 0;
	bottom:0;
}
/************************** ESTRUCTURAS **************************/


/************************** BOTONES **************************/

#boton tr td a{
	background-image:url(../imagenes/index/bt.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	color: #fff;
	display:block;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 12px;
	outline:none;
	padding:5px 40px 5px 8px;
	text-decoration: none;	
}

#boton tr td a:hover{
	background-image:url(../imagenes/index/bt-o.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 12px;
	outline:none;
	padding:5px 40px 5px 8px;
	text-decoration: none;
}

/************************** BOTONES **************************/

h1{
	color: #003366;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
    font-weight:700;
	line-height:17px;
	text-decoration: none;
}

h2{
	color: #3366cc;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	font-weight:400;
	text-decoration: none;
	line-height:17px;
	text-transform:uppercase;

}

h3 {
	color: #555;
	margin-top:0px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight:300;
	text-align: justify;
	text-decoration: none;
}

/************************** TEXTOS **************************/
.he1{
	color: #012d5e;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight:400;
	text-decoration: none;
}
.he2{
	color: #555;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight:400;
	text-decoration: none;
}
.he_facebook{
	color: #435693;
	font-size: 25px;
	font-weight:400;
	text-decoration: none !important;
}
.he_facebook a{
	color: #435693;
	text-decoration: none !important;
}
.he_facebook a:hover{
	color: #435693;
	text-decoration: none !important;
}

.he_facebook2{
	color: #4677b0;
	font-size: 25px;
	font-weight:400;
	text-decoration: none !important;
}
.he_facebook2 a{
	color: #4677b0;
	text-decoration: none !important;
}
.he_facebook2 a:hover{
	color: #4677b0;
	text-decoration: none !important;
}

.texto_pie {
	color: #555;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight:400;
	text-decoration: none;
}

.texto_pie2{
	color: #022d5d;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight:400;
	text-decoration: none;
}

.texto_pie3 {
	border-top:1px solid #bbb;
	color: #022d5d;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight:400;
	padding-top:10px;
	text-decoration: none;
}

.texto_mayus{
	color: #003366;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-weight:400;
	text-decoration: none;
	text-transform:uppercase;
}
.texto_general {
	color: #555;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight:400;
	text-decoration: none;
	text-align: justify;
}
.ver{
	color: #022d5d;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight:400;
	text-decoration: none;
	padding-right: 8px;
}
/************************** TEXTOS BOLD **************************/


/************************** TITULOS **************************/
.til1 {
	color: #012d5e;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight:400;
	text-decoration: none;
}
.til2 {
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight:400;
	text-decoration: none;
}

/************************** PLECAS **************************/
.pleca{
	border-top:1px #ddd solid;
}
.lateral {
	border-right: 1px #eee solid;
}
.borde {
	border: 1px #CCC solid;}


/************************** PLECAS **************************/


.lineasep {
	background-image: url(../imagenes/nosotros/lineasep.jpg);
	background-repeat: no-repeat;
}
.bordecuadrado {
	border: 1px solid #ddd;
}
.bgclientes {
	background-image: url(../imagenes/clientes/bgclientes.jpg);
	background-repeat: no-repeat;
}
.formulario {
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight:400;
	text-decoration: none;
	background-color: #eeeeee;
	border: 1px solid #ccc;
}

.botnform{
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight:400;
	text-decoration: none;
	background-color: #012d5e;
	border: 1px solid #012d5e;
}