/* CSS Document */
/** ----------------------------------------------------*  
  * Sustam.com
  * ----------------------------------------------------*    
  * Autor: 			Gabriel Ron Garcia					*
  * ----------------------------------------------------*
  */
  
 /* dropdown */
@import url("dropdown.css");
/*@import url("drop-nav.css");*/
  
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, img, ins, kbd, q, s, samp,
small, strike,  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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body 				{ line-height: 1; }
ol, ul 				{ list-style: none; }
blockquote, q 		{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
/* END MEYER RESET */


img		{ float:left; border:0; }
input textarea { outline:none;}

body { font:normal 12px Arial, Helvetica, sans-serif; color:#3f3f3f; background:url(../images/bg-black.jpg) repeat; }

.wrapper			{ position:relative; float:left; width:100%; z-index:1;  }
.wrapper-top		{ background:url(../images/wrapper-top.png) repeat-x; min-height:108px; }
.wrapper-center		{ background:url(../images/wrapper-center.png) no-repeat top center; min-height:266px; position:relative; top:-45px; }

.wrapper-logo		{ float:none; position:absolute; top:0; left:0; }
.wrapper-internas	{ background:url(../images/wrapper-internas.jpg) no-repeat top center; min-height:404px; margin:70px 0 0 0; }
.wrapper-general	{ background:url(../images/wrapper-general.jpg) no-repeat top center; min-height:404px; margin:70px 0 0 0; }

.wrapper-bg-white	{ background:url(../images/bg.jpg) repeat; }


.wrapper-black		{ background:url(../images/bg-black.jpg) repeat; }
.wrapper-footer		{ background:url(../images/wrapper-footer.png) repeat-x; min-height:347px; }
.wrapper-footer-internas { background:url(../images/wrapper-footer-interna.png) repeat; min-height:320px; }

.inner 				{ width:960px; margin:0 auto; position:relative; }

.wrapper-1100		{ min-height:1100px; }
.inner-1100			{ width:1100px; }

.bg-white			{ background:url(../images/bg.jpg) repeat; }

header				{ float:left; width:100%; min-height:66px; position:relative;  }
header .logo		{ position:absolute; top:0; left:0; z-index:50; }

.lenguajes			{ position:absolute; top:12px; right:0; z-index:2; height:28px; }
.lenguajes ul		{ float:left; width:auto; }
.lenguajes li		{ float:left; margin:0 15px; }
.lenguajes a		{ float:left; height:28px; }

.lenguajes li.idioma1 a				{ width:22px; background:url(../images/icon-mex.png) 0 0; }
.lenguajes li.idioma1 a:hover		{ background:url(../images/icon-mex.png) 0 -28px; }
.lenguajes li.idioma1 a.activo		{ background:url(../images/icon-mex.png) 0 -56px; }

.lenguajes li.idioma2 a				{ width:22px; background:url(../images/icon-usa.png) 0 0; }
.lenguajes li.idioma2 a:hover		{ background:url(../images/icon-usa.png) 0 -28px; }
.lenguajes li.idioma2 a.activo		{ background:url(../images/icon-usa.png) 0 -56px; }

.lenguajes li.idioma3 a				{ width:22px; background:url(../images/icon-bra.png) 0 0; }
.lenguajes li.idioma3 a:hover		{ background:url(../images/icon-bra.png) 0 -28px; }
.lenguajes li.idioma3 a.activo		{ background:url(../images/icon-bra.png) 0 -56px; }

menu			{ position:absolute; width:auto; top:0; right:160px; z-index:2; }
menu ul			{ float:left; width:auto; }
menu .linea-menu{ float:left; width:3px; height:42px; background:url(../images/linea-menu.png) no-repeat; }

menu li			{ float:left; list-style:none; }
menu a			{ float:left; font:15px 'oswaldbook'; color:#848383; text-transform:uppercase; text-shadow:1px 1px #070707; text-decoration:none; padding:12px 13px 0; }
menu a:hover	{ color:#d0d0d0; }

.widht-920		{ float:left; width:920px; padding:0 20px; }

.left-internas	{ float:left; width:422px; padding:90px 0 0 0; }
.right-internas	{ float:left; width:460px; padding:90px 0 0 38px; }

ul.socios		{ float:left; width:100%; }
ul.socios li	{ float:left; list-style:none; width:50%; min-height:70px; line-height:22px; font:14px 'manksans-mediumregular'; }

.contacto		{ float:left;  margin:90px 0 0 0; }
.lineas		{ float:left;  margin:90px 0 0 0; }

.l-left		{ float:left; width:247px; padding:0 62px 0 0; }
.l-right	{ float:left; width:630px; padding:0 21px 0 0; color:#292929; font:16px 'manksans-mediumregular'; }

.l-right ul	{ float:left; width:95%; padding:0 0 0 5%; margin:20px 0 0 0; }
.l-right li	{ padding:0 0 0 15px; list-style-image:url(../images/vineta.png); }

nav						{ float:left; width:100%; }
nav	ul					{ float:left; width:100%; }
nav li					{ float:left; list-style:none; width:247px; height:29px; margin:0 0 10px 0; background:url(../images/nav-productos.png) 0 0; }
nav a					{ float:left; width:230px; height:25px; font:bold 14px 'manksans-mediumregular'; text-shadow:1px 1px #fff; text-decoration:none; padding:4px 0 0 17px; color:#0055a6; }
nav a:hover				{}
nav li.activo			{ background:url(../images/nav-productos.png) 0 29px; }

nav li + li + li + li + li + li + li a  { font-size:12px; }
nav li + li + li + li + li + li + li + li a  { font-size:14px; }


footer			{ float:left; width:100%; margin:40px 0 0 0; }
footer ul		{ float:left; width:100%; }
footer li								{ float:left; list-style:none; margin:20px 0 0; width:18%; padding:0 2% 0 0;  }
footer li + li							{ width:16%; padding:0 2%; }
footer li + li + li						{ }
footer li + li + li + li				{ }
footer li + li + li + li + li			{ position:relative; }

.wrapper-footer-internas footer { margin-top:30px; }

.logo-footer		{ float:right; width:135px; height:174px; padding:0 0 0 40px; background:url(../images/logo-footer.png) no-repeat; }


.txt-header		{ position:absolute; top:55px; left:270px; z-index:50; font:18px 'manksans-mediummedium_italic'; color:#fff; }

.texto-home		{ float:left; width:56%; padding:50px 40% 0 4%; }
.linea-footer	{ float:left; width:100%; height:12px; background:url(../images/linea-footer.png) repeat-x; }


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

#multistory 					{ float:left; position:relative; z-index:1; width:100%; margin:-5px 0 0 0; height:390px; }

#multistory .stories			{ position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; overflow:hidden !important; }

#multistory .slide				{ position:relative; z-index:1; height:100%; width:100%; background:transparent !important; }

#multistory .logo				{ position:absolute; top:15px; left:64px; z-index:50; }
#multistory .text				{ position:absolute; top:150px; left:64px; z-index:50; width:auto; }

#multistory .btn-lineas			{ position:absolute; top:210px; left:15px; z-index:50; }

/*#multistory a.next_btn			{ position:absolute; top:35%; right:0; z-index:999; width:43px; height:85px; background:url(../images/flecha-right.png) no-repeat; }
#multistory a.prev_btn			{ position:absolute; top:35%; left:0; z-index:999; width:43px; height:85px; background:url(../images/flecha-left.png) no-repeat; }*/

#multistory #controls { position:absolute; z-index:30; bottom:70px; left:10px; width:auto; height:23px; color:#fff; }

#multistory #controls a { display:block; float:left;  text-indent:-9999em; /*overflow:hidden;*/ margin: 0 3px;  width:23px; height:23px; background:url(../images/hover.png) no-repeat;}

#multistory #controls a.activeSlide { background:url(../images/hover.png) 0 23px; }

#mapa			{ position:absolute; top:30px; right:-100px; z-index:1; width:714px; height:843px; background:url(../images/mapa.png) no-repeat; }

#mapa .icon-1 	{ position:absolute; top:18px; left:24px; z-index:2; height:16px; }
#mapa .icon-1 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-1 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-2 	{ position:absolute; top:23px; left:113px; z-index:2; height:16px; }
#mapa .icon-2 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-2 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-3 	{ position:absolute; top:60px; left:72px; z-index:2; height:16px; }
#mapa .icon-3 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-3 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-4 	{ position:absolute; top:105px; left:92px; z-index:2; height:16px; }
#mapa .icon-4 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-4 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-5 	{ position:absolute; top:110px; left:135px; z-index:2; height:16px; }
#mapa .icon-5 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-5 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-6 	{ position:absolute; top:63px; left:144px; z-index:2; height:16px; }
#mapa .icon-6 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-6 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-7 	{ position:absolute; top:260px; left:340px; z-index:2; height:16px; }
#mapa .icon-7 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-7 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-8 	{ position:absolute; top:298px; left:314px; z-index:2; height:16px; }
#mapa .icon-8 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-8 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-9 	{ position:absolute; top:308px; left:246px; z-index:2; height:16px; }
#mapa .icon-9 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-9 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-10 	{ position:absolute; top:404px; left:504px; z-index:2; height:16px; }
#mapa .icon-10 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-10 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-11 	{ position:absolute; top:575px; left:187px; z-index:2; height:16px; }
#mapa .icon-11 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-11 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }

#mapa .icon-12 	{ position:absolute; top:123px; left:140px; z-index:2; height:16px; }
#mapa .icon-12 a	{ float:left; width:12px; height:16px; background:url(../images/hover-mapa.png) 0 0; }
#mapa .icon-12 a:hover { background:url(../images/hover-mapa.png) 0 -16px; }



/* otras configuraciones */




/* lightbox */

/* lightbox */

.light-box-mapa			{ float:left; width:532px; height:339px; padding:10px 20px; background:#2d669e; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 10px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 10px rgba(50, 50, 50, 0.75); }

.linea-lightbox			{ float:left; width:100%; padding:10px 0%; height:12px; background:url(../images/linea-lightbox.png) repeat-x; }

/* cargador  */

#cargando {
    /*position:absolute;*/
	position:fixed;
    width:100%;
    height:100%;
    /*background:#fff url(../images/ajax-loader.gif) no-repeat center;*/
	background:#000;
	z-index:995 !important;
	text-align:center; vertical-align:middle;
}
#cargando img { float:none; position:relative; top:20%; z-index:996 !important; }



/* framework  */

hr						{ float:left; width:100%; margin:5px 0; background-color:#bedbe9; border:0; height:1px; }
hr.cafe					{ background-color:#c4b79d !important; }

.txt-align-right		{ text-align:right; }
.txt-align-center		{ text-align:center; }
.txt-align-left			{ text-align:left; }
.txt-align-justify		{ text-align:justify; }

.txt-underline			{ text-decoration:underline !important; }
.txt-underline:hover	{ text-decoration:none !important; }
.txt-italic				{ font-style:italic; }

.div-100				{ float:left; width:100%; }
.div-90					{ float:left; width:90%; padding:0 5%; }
.div-50					{ float:left; width:48%; padding:0 2% 0 0; }
.div-60					{ float:left; width:63%; padding:0 3.6% 0 0; }
.div-30					{ float:left; width:30%; padding:0 3.3% 0 0; }

.clear					{ clear:both; }
	
.font-fertigo			{ font-family: 'fertigo_proregular'; }
.font-handle			{ font-family: 'Handlee', cursive; }
.font-times				{ font-family: "Times New Roman", Times, serif; }
.font-bebas				{ font-family: 'bebas_neueregular'; }
.font-abel				{ font-family: 'Abel', sans-serif; }
.font-allula			{ font-family: 'Allura', cursive; }
.font-arial				{ font-family:Arial, Helvetica, sans-serif; }
.font-cafeta			{ font-family: 'cafetaregular'; }
.font-arial-narrow		{ font-family: 'Arial Narrow', sans-serif; }

.font-mank				{ font-family: 'manksans-mediummedium_italic'; }
.font-mank-m			{ font-family: 'manksans-mediumregular'; }
.font-oswald			{ font-family: 'oswaldbook'; }

.border-d3d4d4			{ border:1px solid #d3d4d4; }
.border-d1d1d1			{ border:2px solid #d1d1d1; }


.opacity-80:hover		{ opacity:0.8; }
.opacity-90:hover		{ opacity:0.9; }

.float-left				{ float:left; }
.float-right			{ float:right; }
.float-none				{ float:none; }

.color-666				{ color:#666666; }
.color-fff				{ color:#fff !important; }
.color-000				{ color:#000; }

.color-azul-rey			{ color:#0e3aff; }
.color-4d4e4e			{ color:#4d4e4e; }

.color-717171			{ color:#717171; }
.color-828383			{ color:#828383; }
.color-0055a6			{ color:#0055a6; }

a.color-azul-rey			{ color:#0e3aff }
a.color-azul-rey:hover		{ text-decoration:none; }

.color-7d7c7c				{ color:#7d7c7c; }
.color-0f83ef				{ color:#0f83ef; }

a.color-0f83ef				{ color:#0f83ef; text-decoration:none; }
a.color-0f83ef:hover		{ text-decoration:underline; }


.font-size-10		{ font-size:10px; }
.font-size-11		{ font-size:11px; }
.font-size-12		{ font-size:12px; }
.font-size-13		{ font-size:13px; }
.font-size-14		{ font-size:14px; }
.font-size-15		{ font-size:15px; }
.font-size-16		{ font-size:16px; }
.font-size-17		{ font-size:17px; }
.font-size-18		{ font-size:18px; }
.font-size-19		{ font-size:19px; }
.font-size-20		{ font-size:20px; }
.font-size-21		{ font-size:21px; }
.font-size-22		{ font-size:22px; }
.font-size-24		{ font-size:24px; }
.font-size-26		{ font-size:26px; }
.font-size-28		{ font-size:28px; }
.font-size-30		{ font-size:30px; }
.font-size-32		{ font-size:32px; }
.font-size-34		{ font-size:34px; }
.font-size-36		{ font-size:36px; }
.font-size-38		{ font-size:38px; }
.font-size-40		{ font-size:40px; }
.font-size-42		{ font-size:42px; }
.font-size-45		{ font-size:45px; }
.font-size-60		{ font-size:60px; }
.font-size-69		{ font-size:69px; }

.txt-bold			{ font-weight:bold; }

.margin-top-5		{ margin-top:5px; }
.margin-top-10		{ margin-top:10px; }
.margin-top-15		{ margin-top:15px; }
.margin-top-20		{ margin-top:20px; }
.margin-top-25		{ margin-top:25px; }
.margin-top-30		{ margin-top:30px; }
.margin-top-35		{ margin-top:35px; }
.margin-top-45		{ margin-top:45px; }
.margin-top-55		{ margin-top:55px; }
.margin-top-65		{ margin-top:65px; }

.margin-right-15px	{ margin-right:15px; }
.margin-right-20px	{ margin-right:20px; }
.margin-right-25px	{ margin-right:25px; }
.margin-right-30px	{ margin-right:30px; }
.margin-right-40px	{ margin-right:40px; }
.margin-right-50px	{ margin-right:50px; }

.margin-left-15px	{ margin-left:15px; }
.margin-left-20px	{ margin-left:20px; }
.margin-left-25px	{ margin-left:25px; }
.margin-left-30px	{ margin-left:30px; }

.border-fff-5 {
    border: 5px solid #fff;
}

a.color-fff				{ color:#fff; text-decoration:none; }
a.color-fff:hover		{ text-decoration:underline; }

a.color-000				{ color:#000; text-decoration:underline; }
a.color-000:hover		{ text-decoration:none; }

a.color-gris			{ color:#3f3f3f; text-decoration:none; }
a.color-gris:hover		{ text-decoration:underline; }

.txt-decoration-none			{ text-decoration:none; }
.txt-decoration-none:hover		{ text-decoration:underline !important; }

.linea-18			{ line-height:18px; }
.linea-20			{ line-height:20px; }
.linea-22			{ line-height:22px; }
.linea-24			{ line-height:24px; }
.linea-28			{ line-height:28px; }
.linea-32			{ line-height:32px; }
.linea-36			{ line-height:36px; }

.position-relativa	{ position:relative; }
.clear				{ clear:both; }

.txt-shadown-verde			{ text-shadow:1px 1px #416800; }
.txt-shadown-amarillo		{ text-shadow:1px 1px #8a7912; }
.txt-shadown-fff			{ text-shadow:1px 1px #fff; }
.txt-shadown-000			{ text-shadow:1px 1px #000; }

.esquinas-redondas	{ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.zIndex-1	{ z-index:1; }
.zIndex-2	{ z-index:2; }
.zIndex-3	{ z-index:3; }

.display-none	{ display:none; }

/* ----------formularios-------------  */

.form-contacto					{ float:left; width:704px; }
.form-contacto table			{ float:left; width:100%; }
.form-contacto table td			{ width:390px; padding:12px 0; }
.form-contacto table td + td 	{ width:330px; }
.form-contacto table .td-100	{ width:100%; }

.form-contacto table td .bg-input	{ float:left; width:307px; margin:5px 0 0 0; height:59px; padding:0px 10px 0 10px; background:url(../images/bg-input.png) no-repeat; }
.form-contacto table td .bg-input input[type="text"]	{ float:left; width:100%; height:24px; background:transparent; border:0; color:#666; outline:none; padding:12px 0; }

.form-contacto table .bg-textarea	{ float:left; width:664px; height:98px; background:url(../images/bg-textarea.png) no-repeat; padding:20px 20px }

.form-contacto table .bg-textarea textarea		{ float:left; width:100%; height:80px; background:transparent; border:0; outline:none; font:12px Arial, Helvetica, sans-serif; color:#666; }




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

@font-face {
    font-family: 'oswaldbook';
    src: url('oswald-webfont.eot');
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-webfont.woff') format('woff'),
         url('oswald-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fertigo_proregular';
    src: url('fertigo_pro-webfont.eot');
    src: url('fertigo_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fertigo_pro-webfont.woff') format('woff'),
         url('fertigo_pro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cafetaregular';
    src: url('cafeta__-webfont.eot');
    src: url('cafeta__-webfont.eot?#iefix') format('embedded-opentype'),
         url('cafeta__-webfont.woff') format('woff'),
         url('cafeta__-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'manksans-mediummedium_italic';
    src: url('manksans-mediumoblique-webfont.eot');
    src: url('manksans-mediumoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('manksans-mediumoblique-webfont.woff') format('woff'),
         url('manksans-mediumoblique-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'manksans-mediumregular';
    src: url('manksans-medium-webfont.eot');
    src: url('manksans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('manksans-medium-webfont.woff') format('woff'),
         url('manksans-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}