@charset "utf-8";


/* --------------------------------------------------------------------------------------------------- */
											/* FONT FACES */
/* --------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'GothamMediumRegular';
    src: url('../fonts/gotham-medium.eot');
    src: url('../fonts/gotham-medium.eot') format('embedded-opentype'),
		url('../fonts/gotham-medium.woff') format('woff'),
		url('../fonts/gotham-medium.ttf') format('truetype'),
		url('../fonts/gotham-medium.svg#GothamMediumRegular') format('svg');
}

@font-face {
    font-family: 'GothamBookRegular';
    src: url('../fonts/gotham-book.eot');
    src: url('../fonts/gotham-book.eot') format('embedded-opentype'),
		url('../fonts/gotham-book.woff') format('woff'),
		url('../fonts/gotham-book.ttf') format('truetype'),
		url('../fonts/gotham-book.svg#GothamBookRegular') format('svg');
}

@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: local('☺'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --------------------------------------------------------------------------------------------------- */
											/* CSS RESETS */
/* --------------------------------------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{	margin:0; padding:0; border:0; outline:0; 	font-size:100%; vertical-align:baseline; background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;} /*remembertodefinefocusstyles!*/ :focus{outline:0;} /*remembertohighlightinsertssomehow!*/ins{text-decoration:none;}del{text-decoration:line-through;} /*tablesstillneed'cellspacing="0"'inthemarkup*/
table{border-collapse:collapse;border-spacing:0;}

/* --------------------------------------------------------------------------------------------------- */
											/* CSS MAQUETACIÓN */
/* --------------------------------------------------------------------------------------------------- */


body {
	background: url(../images/bg.jpg);
}

#contenedor {
	margin: 0 auto; 	
}

/* --------------------------------------------------------------------------------------------------- */
											/* HEADER */
/* --------------------------------------------------------------------------------------------------- */

.header {
	height:106px; 
	width:100%;
	z-index:10000;
	background: url(../images/bg_header.png) repeat-x #fff;	
	position: absolute;
}

.cont-header {
	height:106px; 
	width:1000px;
	margin: 0 auto;
	position: relative;
}

h1{
	background: url(../images/logo.png) no-repeat center;
	width:150px;
	height:72px;
	left:0px;
	top:17px;	
	z-index:10;
	position:absolute;
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

.face {
	background: url(../images/face.png) no-repeat center;
	float:right;
	margin-top:49px;
	width:88px;
	height:32px;
	margin-right:20px;
}

.face:hover {
	background: url(../images/face1.png) no-repeat center;
}

.insta {
	background: url(../images/insta.png) no-repeat center;
	float:right;
	margin-top:49px;
	width:88px;
	height:32px;
}

.insta:hover {
	background: url(../images/insta1.png) no-repeat center;
}

.nav {
	width: 100%;
	height:55px;
	font-size:16px;
	background:#bf2424;
	font-family: 'GothamBookRegular', sans-serif;
	position:absolute;
	top:106px;
	z-index:1000;
}

.cont-nav {
	width:1000px;
	height:55px;
	margin: 0 auto;
	position: relative;
}

.nav .link{ background-color:#bf2424; color:#fff; padding: 20px 57px 19px 57px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:16px; float: right;}	
		

.nav .link:hover { background-color:#ffcc00; color:#3b3b3b }

.nav .link1{ background-color:#ffcc00; color:#3b3b3b; padding: 20px 57px 19px 57px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:16px; float: right;}	


/* --------------------------------------------------------------------------------------------------- */
											/* HEADER ANIMADO */
/* --------------------------------------------------------------------------------------------------- */


.header.header-shrink {
	position: fixed;
	height:55px; 
	width:100%;
	z-index:10000;
	background: url(../images/bg_header.png) repeat-x #fff;	
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
}

.header.header-shrink .cont-header {
	height:55px; 
	width:1000px;
	margin: 0 auto;
	position: relative;
}

.header.header-shrink h1 {
	background: url(../images/logos.png) no-repeat center;
	width:125px;
	height:55px;
	left:0px;
	top:5px;	
	z-index:1001;
	position:absolute;
}


.header.header-shrink .nav {
	width: 100%;
	height:65px;
	font-size:16px;
	background:#bf2424;
	font-family: 'GothamBookRegular', sans-serif;
	position:fixed;
	top:0px;
	z-index:1000;
}

.header.header-shrink .cont-nav {
	width:1000px;
	height:65px;
	position: relative;
}

.header.header-shrink .nav .link{ background-color:#bf2424; color:#fff; padding: 25px 40px 24px 40px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:16px; float: right;}	

.header.header-shrink .nav .link:hover { background-color:#ffcc00; color:#3b3b3b }

.header.header-shrink .nav .link1{ background-color:#ffcc00; color:#3b3b3b; padding: 25px 40px 24px 40px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:16px; float: right;}

.header.header-shrink .face {
	display:none;
}

.header.header-shrink .insta {
	display:none;
}

/* --------------------------------------------------------------------------------------------------- */
											/* FOTO */
/* --------------------------------------------------------------------------------------------------- */
	
#foto {
	height:326px;
	width:100%;	
	margin: 0 auto;
	background: url(../images/bg_foto.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border-bottom:#ffcc00 16px solid;	
}

#cont-foto {
	height:326px;
	width:1000px;
	margin: 0 auto;
	position:relative;
}

/* --------------------------------------------------------------------------------------------------- */
											/* TITULO */
/* --------------------------------------------------------------------------------------------------- */

#titulo {
	height:100%;
	overflow:hidden;
	width:100%;	
	margin: 0 auto;
	background: #efefef;
	padding:50px 0 10px 0;
	border-bottom:#ddd 1px solid;	
}

#cont-titulo {
	height:100%;
	overflow:hidden;
	width:1000px;
	margin: 0 auto;
	position:relative;
}

#txt_emp {
	height:100px;
	width:1000px;
	margin-left:0px;
	font-size:17px;
	float:left;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#000;
	line-height:24px;
	text-align:center;
}

h3 {
	font-size:40px;
	font-family: 'GothamMediumRegular', sans-serif;
	color:#3b3b3b;
	margin-bottom:10px;
	line-height:50px;
	text-align:center;	
}

/* --------------------------------------------------------------------------------------------------- */
											/* PRINCIPAL */
/* --------------------------------------------------------------------------------------------------- */
	

#principal {
	height:100%;
	overflow:hidden;
	width:100%;	
	margin: 0 auto;		
	position:relative;
	padding:50px 0;
	background: #f9f9f9;
}


#cont_principal {
	height:100%;
	overflow:hidden;
	width:1000px;
	margin: 0 auto;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;	
}

h3 {
	font-size:40px;
	font-family: 'GothamMediumRegular', sans-serif;
	color:#3b3b3b;
	margin-bottom:10px;
	line-height:50px;
	text-align:center;		
}

#txt_clientes {
	height:100px;
	float:left;
	margin-bottom:60px;
	width:1000px;
	font-size:17px;
	float:left;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#727076;
	line-height:24px;
	text-align:center;
	border-bottom:1px solid #CCC;}


#txt_client {
	height:130px;
	width:350px;
	margin-left:0px;
	font-size:17px;
	float:left;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#727076;
	line-height:24px;
	margin-bottom:20px;
	
}

#clientes{
	height:100%;
	overflow:hidden;
	width:1000px;
	margin-left:0px;
	float:left;
	
}

.clientes {	
	float:left;
	width:122px;
	height:122px;
	margin:0px 17px 20px 17px;
	position: relative;
	overflow:hidden;
	-webkit-border-radius: 122px;
	border-radius: 122px;
	border:5px solid #ededed;
}


/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#dat {
	height:193px;
	width:100%;	
	margin: 0 auto;	
	background: #bf2424;
	border-top: #f8b502 10px solid;	
}

#cont_dat {
	height:100%;
	overflow:hidden;
	width:1000px;
	margin: 0 auto;
	position:relative;	
}


#datos {
	height:143px;
	padding:25px 0px;
	width:1000px;
	margin: 0 auto;	
}


#logo {
	width:137px;	
	height:66px;
	float:left;
	margin-top:30px;
	margin-right:42px;
	
	
}

#info_datos {
	width:450px;
	height:150px;	
	font-size:18px;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#fff;
	font-weight:400;
	line-height:40px;
	float:left;
	text-align:left;
	margin-top:15px;
	padding-left:47px;
	background: url(../images/datos.png) no-repeat;
}

.tele {
	font-size:20px;
	font-weight:700;
}

#seguinos {
	width:200px;
	height:150px;	
	font-size:24px;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#fff;
	font-weight:400;
	line-height:40px;
	float:right;
	text-align:right;
	margin-top:15px;
}

.face1 {
	background: url(../images/face1.png) no-repeat center;
	float:left;
	margin-top:10px;
	width:88px;
	height:32px;
}

.face1:hover {
	background: url(../images/face.png) no-repeat center;
}

.insta1 {
	background: url(../images/insta1.png) no-repeat center;
	float:right;
	margin-top:10px;
	width:88px;
	height:32px;
}

.insta1:hover {
	background: url(../images/insta.png) no-repeat center;
}


/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */
#footer {
	height: 36px;
	padding-top:24px;
	width: 100%;
	margin: 0 auto;
	background: #3b3b3b;
	font-family: 'Quattrocento Sans', sans-serif;

}

#cont_footer {
	height: 28px;
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	color: #efefef;
	font-size:12px;
}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}


	 
/* --------------------------------------------------------------------------------------------------- */

										/* TABLETS */										
										
/* --------------------------------------------------------------------------------------------------- */	


@media only screen and (min-width: 768px) and (max-width: 959px) {
	
/* --------------------------------------------------------------------------------------------------- */
											/* HEADER */
/* --------------------------------------------------------------------------------------------------- */

#header {
	height:106px; 
	width:100%;
	z-index:10000;
	background: url(../images/bg_header.png) repeat-x #fff;	
	position: absolute;
}

#cont-header {
	height:106px; 
	width:760px;
	margin: 0 auto;
	position: relative;
}

h1{
	background: url(../images/logo.png) no-repeat center;
	width:150px;
	height:72px;
	left:0px;
	top:17px;	
	z-index:10;
	position:absolute;
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

.face {
	background: url(../images/face.png) no-repeat center;
	float:right;
	margin-top:49px;
	width:88px;
	height:32px;
}

.face:hover {
	background: url(../images/face1.png) no-repeat center;
}



#nav {
	width: 100%;
	height:55px;
	font-size:16px;
	background:#bf2424;
	font-family: 'GothamBookRegular', sans-serif;
	position:absolute;
	top:106px;
	z-index:1000;
}

#nav1 {display:none}

#cont-nav {
	width:760px;
	height:55px;
	margin: 0 auto;
	position: relative;
}

#nav .link{ background-color:#bf2424; color:#fff; padding: 20px 33px 19px 33px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:16px; float: left;}	
		

#nav .link:hover { background-color:#ffcc00; color:#3b3b3b }

#nav .link1{ background-color:#ffcc00; color:#3b3b3b; padding: 20px 33px 19px 33px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:16px; float: left;}	

/* --------------------------------------------------------------------------------------------------- */
											/* FOTO */
/* --------------------------------------------------------------------------------------------------- */
	
#foto {
	height:100%;
	width:100%;	
	margin: 0 auto;
	border-bottom: 16px solid #ffcc00;
	overflow:hidden;
}

.cont-foto {
	width:760px;
	left:50%;
	top:0;
	margin-left:-380px;
	position:absolute;

}

.slogan {
	padding:30px;
	width: auto;
	margin:200px 0 0 0;
	position:relative;
	background-color: rgba(191, 36, 36, 0.75);
	float:right;
	font-family: 'GothamMediumRegular', sans-serif;
	font-size:23px;
	color:#FFF;
	text-transform:uppercase;
}


/* --------------------------------------------------------------------------------------------------- */
											/* PRINCIPAL */
/* --------------------------------------------------------------------------------------------------- */
	

#principal {
	height:100%;
	overflow:hidden;
	width:100%;	
	margin: 0 auto;		
	position:relative;
	padding:50px 0 20px 0;
}

h3 {
	font-size:40px;
	font-family: 'GothamMediumRegular', sans-serif;
	color:#3b3b3b;
	margin-bottom:10px;
	line-height:50px;
	text-align:center;	
}

#cont_principal {
	height:100%;
	overflow:hidden;
	width:760px;
	margin: 0 auto;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;	
}

#txt_clientes {
	height:100px;
	float:left;
	margin-bottom:30px;
	width:760px;
	font-size:17px;
	float:left;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#727076;
	line-height:24px;
	text-align:center;
	border-bottom:1px solid #CCC;}


#txt_client {
	height:130px;
	width:350px;
	margin-left:0px;
	font-size:17px;
	float:left;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#727076;
	line-height:24px;
	margin-bottom:20px;
	
}

#clientes{
	height:100%;
	overflow:hidden;
	width:760px;
	margin-left:0px;
	float:left;
	
}

.clientes {	
	float:left;
	width:122px;
	height:122px;
	margin:0px 29px 20px 29px;
	position: relative;
	overflow:hidden;
	-webkit-border-radius: 122px;
	border-radius: 122px;
	border:5px solid #ededed;
}



/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#dat {
	height:193px;
	width:100%;	
	margin: 0 auto;	
	background: #bf2424;
	border-top: #f8b502 10px solid;	
}

#cont_dat {
	height:100%;
	overflow:hidden;
	width:760px;
	margin: 0 auto;
	position:relative;	
}


#datos {
	height:143px;
	padding:25px 0px;
	width:760px;
	margin: 0 auto;	
}


#logo {
	width:137px;	
	height:66px;
	float:left;
	margin-top:30px;
	margin-right:32px;
	
	
}

#info_datos {
	width:400px;
	height:150px;	
	font-size:16px;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#fff;
	font-weight:400;
	line-height:40px;
	float:left;
	text-align:left;
	margin-top:15px;
	padding-left:47px;
	background: url(../images/datos.png) no-repeat;
}

.tele {
	font-size:20px;
	font-weight:700;
}

#seguinos {
	width:130px;
	height:150px;	
	font-size:24px;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#fff;
	font-weight:400;
	line-height:40px;
	float:right;
	text-align:right;
	margin-top:15px;
}

.face1 {
	background: url(../images/face1.png) no-repeat center;
	float:right;
	margin-top:10px;
	width:88px;
	height:32px;
}

.face1:hover {
	background: url(../images/face.png) no-repeat center;
}

.insta1 {
	background: url(../images/insta1.png) no-repeat center;
	float:right;
	margin-top:10px;
	width:88px;
	height:32px;
}

.insta1:hover {
	background: url(../images/insta.png) no-repeat center;
}


/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */


#footer {
	height: 36px;
	padding-top:24px;
	width: 100%;
	margin: 0 auto;
	background: #3b3b3b;
	font-family: 'Quattrocento Sans', sans-serif;

}

#cont_footer {
	height: 28px;
	width: 760px;
	text-align: center;
	margin: 0 auto;
	color: #efefef;
	font-size:12px;
}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}



}



/* --------------------------------------------------------------------------------------------------- */


											/* MOVIL HORIZONTAL */
											
											
/* --------------------------------------------------------------------------------------------------- */



@media only screen  and (max-width: 767px) {

/* --------------------------------------------------------------------------------------------------- */
											/* HEADER */
/* --------------------------------------------------------------------------------------------------- */

#header {
	height:106px; 
	width:100%;
	z-index:10000;
	background: url(../images/bg_header.png) repeat-x #fff;	
	position: absolute;
}

#cont-header {
	height:106px; 
	width:480px;
	margin: 0 auto;
	position: relative;
}

h1{
	background: url(../images/logo.png) no-repeat center;
	width:150px;
	height:72px;
	left:0px;
	top:17px;	
	z-index:10;
	position:absolute;
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

.face {
	background: url(../images/face.png) no-repeat center;
	float:right;
	margin-top:49px;
	width:88px;
	height:32px;
}

.face:hover {
	background: url(../images/face1.png) no-repeat center;
}

#nav {
	width: 100%;
	height:43px;
	font-size:16px;
	background:#bf2424;
	font-family: 'GothamBookRegular', sans-serif;
	position:absolute;
	top:106px;
	z-index:1000;
}

#nav1 {display:none}

#cont-nav {
	width:480px;
	height:43px;
	margin: 0 auto;
	position: relative;
}

#nav .link{ background-color:#bf2424; color:#fff; padding: 15px 11px 14px 11px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:14px; float: left;}	
		

#nav .link:hover { background-color:#ffcc00; color:#3b3b3b }

#nav .link1{ background-color:#ffcc00; color:#3b3b3b; padding: 15px 11px 14px 11px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:14px; float: left;}	

/* --------------------------------------------------------------------------------------------------- */
											/* FOTO */
/* --------------------------------------------------------------------------------------------------- */
	
/*#foto {
	display:none;
}*/

/* --------------------------------------------------------------------------------------------------- */
											/* PRINCIPAL */
/* --------------------------------------------------------------------------------------------------- */
	

#principal {
	height:100%;
	overflow:hidden;
	width:100%;	
	margin: 0 auto;		
	position:relative;
	padding:180px 0 20px 0;
}

h3 {
	font-size:32px;
	font-family: 'GothamMediumRegular', sans-serif;
	color:#3b3b3b;
	margin-bottom:10px;
	line-height:40px;
	text-align:center;	
}

#cont_principal {
	height:100%;
	overflow:hidden;
	width:480px;
	margin: 0 auto;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;	
}

#txt_clientes {
	height:120px;
	float:left;
	margin-bottom:30px;
	width:480px;
	font-size:17px;
	float:left;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#727076;
	line-height:24px;
	text-align:center;
	border-bottom:1px solid #CCC;}


#clientes{
	height:100%;
	overflow:hidden;
	width:480px;
	margin-left:0px;
	float:left;
	
}

.clientes {	
	float:left;
	width:122px;
	height:122px;
	margin:0px 14px 20px 14px;
	position: relative;
	overflow:hidden;
	-webkit-border-radius: 122px;
	border-radius: 122px;
	border:5px solid #ededed;
}


/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#dat {
	height:300px;
	width:100%;	
	margin: 0 auto;	
	background: #bf2424;
	border-top: #f8b502 10px solid;	
}

#cont_dat {
	height:100%;
	overflow:hidden;
	width:480px;
	margin: 0 auto;
	position:relative;	
}


#datos {
	height:143px;
	padding:25px 0px;
	width:480px;
	margin: 0 auto;	
}


#logo {
	width:137px;	
	height:66px;
	float:left;
	margin-top:0px;
	margin-left:171px;
	
	
}

#info_datos {
	width:350px;
	height:100px;	
	font-size:16px;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#fff;
	font-weight:400;
	line-height:25px;
	float:left;
	text-align: center;
	margin-top:25px;
	margin-left:65px;
	padding-left:0px;
	background: none;
}

.tele {
	font-size:18px;
	font-weight:700;
}

#seguinos {
	width:260px;
	margin-left:110px;
	height:50px;	
	font-size:24px;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#fff;
	font-weight:400;
	line-height:40px;
	float:left;
	margin-top:25px;
	text-align:left;
}

.face1 {
	background: url(../images/face1.png) no-repeat center;
	float:right;
	margin-top:0px;
	width:88px;
	height:32px;
	margin-left:0px;
}

.face1:hover {
	background: url(../images/face.png) no-repeat center;
}


.insta1 {
	background: url(../images/insta1.png) no-repeat center;
	float:right;
	margin-top:10px;
	width:88px;
	height:32px;
}

.insta1:hover {
	background: url(../images/insta.png) no-repeat center;
}


/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */


#footer {
	height: 42px;
	padding-top:18px;
	width: 100%;
	margin: 0 auto;
	background: #3b3b3b;
	font-family: 'Quattrocento Sans', sans-serif;

}

#cont_footer {
	height: 28px;
	width: 480px;
	text-align: center;
	margin: 0 auto;
	color: #efefef;
	font-size:12px;
	line-height:14px;
}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}


	
	
}


/* --------------------------------------------------------------------------------------------------- */


											/* MOVIL VERTICAL */
											
											
/* --------------------------------------------------------------------------------------------------- */


@media only screen  and (max-width: 480px) {

/* --------------------------------------------------------------------------------------------------- */
											/* HEADER */
/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------- */
											/* HEADER */
/* --------------------------------------------------------------------------------------------------- */

.header {
	height:106px; 
	width:100%;
	z-index:10000;
	background: url(../images/bg_header.png) repeat-x #fff;	
	position: absolute;
}

.cont-header {
	height:106px; 
	width:300px;
	margin: 0 auto;
	position: relative;
}

h1{
	background: url(../images/logo.png) no-repeat center;
	width:150px;
	height:72px;
	left:0px;
	top:17px;	
	z-index:10;
	position:absolute;
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

/*.face {
	background: url(../images/face.png) no-repeat center;
	float:right;
	margin-top:49px;
	width:88px;
	height:32px;
}*/

.face {
    background: url(../images/face.png) no-repeat center;
    float: left;
    margin-top: 10px;
    width: 88px;
    height: 32px;
    margin-left: 212px;
}

.face:hover {
	background: url(../images/face1.png) no-repeat center;
}

.insta {
    background: url(../images/insta.png) no-repeat center;
    float: right;
    margin-top: 16px;
    width: 88px;
    height: 32px;
}

.nav {
	display:none;
}

#cont-nav {
	width:480px;
	height:43px;
	margin: 0 auto;
	position: relative;
}

/*.cont-nav {
	display:none;
}*/

#nav .link{ background-color:#bf2424; color:#fff; padding: 15px 11px 14px 11px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:14px; float: left;}	
		

#nav .link:hover { background-color:#ffcc00; color:#3b3b3b }

#nav .link1{ background-color:#ffcc00; color:#3b3b3b; padding: 15px 11px 14px 11px; text-decoration:none; font-family: 'GothamMediumRegular', sans-serif; font-size:14px; float: left;}	


#nav_cont {
	position: absolute;
	height:42px; 
	width:100%;
	z-index:1000;
	top:106px;
	background-color:#bf2424;
}

#nav1 {
	display:block;
	height:42px; 
	width:300px;
	margin: 0 auto;
	position:relative;
	padding: 0px;	
	margin-top:0px;
	font-size:18px;	
	font-family: 'GothamMediumRegular', sans-serif; font-size:14px;
	
}

#mostrar {display:none; width:300px; position:absolute; top:42px;}

#nav1 a { color:#fff; text-decoration:none; padding: 14px 0px; float:left; width:300px; text-align:center; background-color:#bf2424; margin:0px;}
	
#nav1 a:hover { background-color:#ffcc00; color:#3b3b3b}

#mostrar a { color:#fff; text-decoration:none; padding: 8px 0px; float:left; width:300px; text-align:center; background-color:#bf2424; margin:0px; border-top: 1px solid #a71616;}
	
#mostrar a:hover { background-color:#ffcc00; color:#3b3b3b}

/* --------------------------------------------------------------------------------------------------- */
											/* HEADER ANIMADO */
/* --------------------------------------------------------------------------------------------------- */


.header.header-shrink {
	position: fixed;
	height:65px; 
	width:100%;
	z-index:10000;
	    background: #bf2424;	
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
}

.header.header-shrink .cont-header {
	height:65px; 
	width:450px;
	margin: 0 auto;
	position: relative;
}

.header.header-shrink h1 {
	background: url(../images/logos.png) no-repeat center;
	width:125px;
	height:55px;
	left:0px;
	top:5px;	
	z-index:1001;
	position:absolute;
}

.header.header-shrink .face {
	display:none;
}
.header.header-shrink .insta {
	display:none;
}

/* --------------------------------------------------------------------------------------------------- */
											/* FOTO */
/* --------------------------------------------------------------------------------------------------- */
#foto {
	height:326px;
	width:100%;	
	margin: 0 auto;
	background: url(../images/bg_foto.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border-bottom:#ffcc00 16px solid;
}

#cont-foto {
	height:326px;
	width:300px;
	margin: 0 auto;
	position:relative;
}

/* --------------------------------------------------------------------------------------------------- */
											/* PRINCIPAL */
/* --------------------------------------------------------------------------------------------------- */
	

#principal {
	height:100%;
	overflow:hidden;
	width:100%;	
	margin: 0 auto;		
	position:relative;
	padding:0 0 20px 0;
}

h3 {
	font-size:28px;
	font-family: 'GothamMediumRegular', sans-serif;
	color:#3b3b3b;
	margin-bottom:15px;
	line-height:32px;
	text-align:center;	
}



#cont-titulo {
	height:100%;
	overflow:hidden;
	width:100%;
	margin: 0 auto;
	position:relative;
}

#cont_principal {
	height:100%;
	overflow:hidden;
	width:300px;
	margin: 0 auto;
	position:relative;
	font-family: 'Quattrocento Sans', sans-serif;	
}

#txt_emp {
	    height: 120px;
    width: 95%;
    margin-left: 0px;
    font-size: 15px;
    float: left;
    position: relative;
    font-family: 'Quattrocento Sans', sans-serif;
    color: #727076;
    line-height: 21px;
    text-align: center;
    border-bottom: none;}



#clientes{
	height:100%;
	overflow:hidden;
	width:300px;
	margin-left:0px;
	float:left;
	
}

.clientes {	
	float:left;
	width:122px;
	height:122px;
	margin:0px 9px 20px 9px;
	position: relative;
	overflow:hidden;
	-webkit-border-radius: 122px;
	border-radius: 122px;
	border:5px solid #ededed;
}


/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#dat {
	height:300px;
	width:100%;	
	margin: 0 auto;	
	background: #bf2424;
	border-top: #f8b502 10px solid;	
}

#cont_dat {
	height:100%;
	overflow:hidden;
	width:300px;
	margin: 0 auto;
	position:relative;	
}


#datos {
	height:143px;
	padding:25px 0px;
	width:300px;
	margin: 0 auto;	
}


#logo {
	width:137px;	
	height:66px;
	float:left;
	margin-top:0px;
	margin-left:82px;
	
	
}

#info_datos {
	width:300px;
	height:100px;	
	font-size:16px;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#fff;
	font-weight:400;
	line-height:25px;
	float:left;
	text-align: center;
	margin-top:25px;
	margin-left:0px;
	padding-left:0px;
	background: none;
}

.tele {
	font-size:18px;
	font-weight:700;
}

#seguinos {
    width: 100%;
    margin-left: 0px;
    height: 50px;
    font-size: 18px;
    font-family: 'Quattrocento Sans', sans-serif;
    color: #fff;
    font-weight: 400;
    line-height: 40px;
    float: left;
    margin-top: 25px;
    text-align: left;
}

.face1 {
    background: url(../images/face1.png) no-repeat center;
    float: right;
    margin-top: 0px;
    width: 88px;
    height: 32px;
    margin-left: 0px;
    margin-right: 0;
}

.face1:hover {
	background: url(../images/face.png) no-repeat center;
}

.insta1 {
    background: url(../images/insta1.png) no-repeat center;
    float: right;
    margin-top: 0;
    width: 88px;
    height: 32px;
    margin-right: 10px;
}

.insta1:hover {
	background: url(../images/insta.png) no-repeat center;
}


/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */


#footer {
	height: 42px;
	padding-top:18px;
	width: 100%;
	margin: 0 auto;
	background: #3b3b3b;
	font-family: 'Quattrocento Sans', sans-serif;

}

#cont_footer {
	height: 28px;
	width: 300px;
	text-align: center;
	margin: 0 auto;
	color: #efefef;
	font-size:12px;
	line-height:14px;
}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}

	
	
}