@charset "utf-8";
/* CSS Document */
body {overflow-y:scroll; .overflow-y:auto; width: 100%; height: 100%; margin:auto; border:0; padding:0;}
html{margin: 0; padding: 0; height: 100%;}
a,img{border: 0px; padding: 0px; margin: 0px;}

/* style for fonts */
@font-face {
	font-family: 'FuturaLTBT';
	src: url('../fonts/FuturaLTBT.eot');
	src: local('?'), url('../fonts/FuturaLTBT.woff') format('woff'), url('../fonts/FuturaLTBT.ttf') format('truetype'), url('../fonts/FuturaLTBT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

div{position: relative; font-family: 'Cabin', 'Merriweather Sans', sans-serif; font-size: 12px; color: #818181; font-weight: 300;}
h1{position: relative; font-family: 'Cabin','Merriweather Sans', sans-serif; font-size: 12px; color: #f8a11c; font-weight: 400; line-height: 14px;}
#container {display: table; width: 100%; height: 100%; background-image: url(../im/bg_web.jpg); background-repeat: repeat-x; background-position: bottom left;}
#content {display: table-cell; vertical-align: top;}
#inner {width: 760px; margin: 0 auto; padding: 0 0px;}
* html #content {top: 50%; left: 0; height: 1px;}
* html #content #inner {position: relative; top: -50%;}
.opacity_0{opacity: 0; filter: alpha(opacity = 0);}
.opacity_5{opacity: 0.3; filter: alpha(opacity = 30);}
.opacity_1{opacity: 1; filter: alpha(opacity = 100);}
.img_bt{position: absolute;}

/* style for header */
#logo{position: absolute; width: 230px; height: 65px; top: 30px; left: -10px;}
#fb{position: absolute; width: 42px; height: 31px; line-height: 9px; top: 45px; right: 0; font-family: 'Cabin', sans-serif; font-size: 9px; color: #AAA; text-align: left; background-image: url(../im/facebook.svg); background-repeat: no-repeat; background-position: right bottom;}
#instagram{position: absolute; width: 20px; height: 20px; top: 56px; right: 0px; background-image: url(../im/instagram.svg); background-repeat: no-repeat; background-position: right bottom;}

/* style for footer */
#foot{display: inline-block; width: 760px;  padding-top: 20px; margin-top: 53px; text-align: center; border-top: 1px solid #eae9e9;}


/* style for content */
#contenedor{display: inline-block; width: 760px; margin-top: 120px;}
#slide{display: inline-block; width: 760px; height: 290px; overflow: hidden;}
#slide_content{display: inline-block; width: 760px; height: 290px; z-index: 99; position: absolute;}
#slide_foot{position: absolute; width: 760px; height: 34px; margin-top: 256px; background-color: #000; opacity: 0.5; filter: alpha(opacity = 50); z-index: 99;}
.slide_left{position: absolute; z-index: 99;}
.slide_right{position: absolute; right:0px; z-index: 99;}
.slide_top{position: absolute; left: 5px; z-index: 99;}
.slide_bottom{position: absolute; left: 5px; bottom: 0px; z-index: 99;}
.slide_grupo{display: block; position: absolute; width: 760px; height: 290px;}
#menu{display: inline-block; width: 760px; height: 36px; border-bottom: 1px solid #eae9e9; line-height: 36px;}
.menu_bt a{float: left; font-family: 'Cabin', sans-serif; font-size: 11px; color: #818181; text-decoration: none; font-weight: 400;}
.menu_bt a:hover{color: #f8a11c; text-decoration: none;}
.menu_color_bar{position: absolute; display: none; top: 36px; height: 1px; background-color: #f8a11c;}
.selected a{color: #f8a11c; cursor: pointer;}
#text_content{display: inline-block; width: 760px; margin-top: 20px;}
#text_content .col1{display: inline-block; float: left; width: 360px;}
#text_content .col2{display: inline-block; float: right; width: 360px;}
#text_content a{font-family: 'Cabin','Merriweather Sans', sans-serif; color: #f8a11c; font-weight: 400; line-height: 14px; text-decoration: none;}
#text_content a:hover{text-decoration: underline;}
#slide_clientes{display: inline-block; width: 760px; height: 90px; overflow: hidden; margin-top: 5px;}
.cliente_modulo{display: inline-block; float: left; height: 90px;}
.slide_botones{display: inline-block; float: right; width: 60px; margin-top: 5px; margin-right: 20px;}
.slide_botones_clientes{display: inline-block; float: right; width: 760px;}
.arrow_left{position: absolute; left: -20px; top: -55px; width: 16px; height: 16px; cursor: pointer; background-image: url(../im/arrow_left.png); background-repeat: no-repeat;}
.arrow_left:hover{background-image: url(../im/arrow_left_over.png);}
.arrow_right{position: absolute; right: -20px; top: -55px; width: 16px; height: 16px; cursor: pointer; background-image: url(../im/arrow_right.png); background-repeat: no-repeat;}
.arrow_right:hover{background-image: url(../im/arrow_right_over.png);}
.slide_arrow_left{display: inline-block; float: left; width: 16px; height: 16px; cursor: pointer; background-image: url(../im/slide_arrow_left.png); background-repeat: no-repeat;}
.slide_arrow_left:hover{background-image: url(../im/arrow_left_over.png);}
.slide_arrow_right{display: inline-block; float: right; width: 16px; height: 16px; cursor: pointer; background-image: url(../im/slide_arrow_right.png); background-repeat: no-repeat;}
.slide_arrow_right:hover{background-image: url(../im/arrow_right_over.png);}
.slide_titulo{position: absolute; margin-top: 10px; margin-left: 10px; color: #FFF;}
.titulo_home{font-family: 'Cabin','Merriweather Sans', sans-serif; font-size: 24px; color: #f8a11c; font-weight: 300;}

#wrapper {background-color: #fff; width: 760px; height: 290px; position: absolute;}
.carousel,.carousel div {width: 760px; height: 290px; overflow: hidden;}

#contacto_info{position: absolute; padding: 10px 10px 15px 10px; bottom: 10px; left: 10px; background-color: #000; opacity: 0.7; filter: alpha(opacity = 70); z-index: 99; color: #FFF;}
#contacto_info a{font-family: 'Cabin','Merriweather Sans', sans-serif; color: #f8a11c; font-weight: 400; line-height: 14px; text-decoration: none;}
#contacto_info a:hover{text-decoration: underline;}
.contacto{font-family: 'Cabin', sans-serif;}