/* Css */
/** ----------------------------------------------------*  
  * Programador Web
  * ----------------------------------------------------*    
  * Autor: 			Gabriel Ron Garcia					*
  * E-mail:			sella_666@hotmail.com				*
  * Cel:			33-11-09-77-99
  * ----------------------------------------------------*
  */   
  
*				{ margin:0; padding:0;}

img				{ float:left; border:0;  }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, video {
	display: block;
}

body { font:14px Arial, Helvetica, sans-serif; sans-serif; color:#6b6b6b; background:#f7f7f7; }


.wrapper-top			{ background:#fff url(../images/wrapper-top.png) repeat-x; min-height:32px; }
.wrapper-body		{ background:#f7f7f7 url(../images/wrapper-body.png) repeat-x; min-height:100px; }
.wrapper-marcas	{ background:#fff url(../images/wrapper-marcas.jpg) repeat-x; min-height:115px; }
.wrapper-footer		{ background:url(../images/wrapper-footer.png) repeat-x; min-height:238px; }
.wrapper-pie			{ background: url(../images/wrapper-pie.png) repeat-x; min-height:72px; }

.wrapper-internas	{ background:#f7f7f7 url(../images/wrapper-internas.png) repeat-x; min-height:268px; }

.wrapper			{ float:left; width:100%;  min-width:960px;  }	
.inner				{ position:relative; margin:0 auto; width:960px; }


header			{ float:left; width:100%; position:relative; margin:50px 0 0 0; min-height:90px; }
header ul		{ position:absolute; top:34px; right:-20px; z-index:2; width:auto; }
header li		{ float:left; list-style:none; position:relative; }
header li:first-child span  { position:absolute; top:-30px; left:28%; z-index:2; width:30px; height:26px; background:url(../images/icon-home.png) no-repeat; }
header li a		{ font:18px  'OswaldRegular'; padding:7px 10px; color:#000; text-decoration:none; border-bottom:1px solid #00b8f3; margin:0 5px; }
header a:hover	 { color:#00b8f3; }
header .logo		 { position:relative; top:-7px; }

footer			{ float:left; width:100%; color:#aaabab; line-height:18px; }

footer h2		{ font:20px 'OswaldRegular'; color:#fff; }
footer a		{ color:#aaabab; }
footer a:hover	{ text-decoration:none; color:#fff; }

footer .f-1		{ float:left; width:38%; padding:20px 0 0 0; }
footer .f-2		{ float:left; width:34%; padding:20px 0 0 0; }
footer .f-3		{ float:left; width:27%; padding:20px 0 0 0; }

footer .f-2 ul		{ float:left; width:70%; padding:12px 0 0 0; }
footer .f-2 ul li	{ float:left; width:100%; list-style:none; }
footer .f-2 ul a	{ float:left; width:100%; padding:5px 0; font:14px Arial, Helvetica, sans-serif; color:#abacac; text-decoration:none; border-bottom:1px solid #abacac; }
footer .f-2 ul a:hover	{ color:#fff; }

.wrapper-pie { color:#aaabab; }
.wrapper-pie a  { color:#aaabab;  text-decoration:none; }
.wrapper-pie a:hover	{ color:#fff; }

.bg-titulo				{ float:left; width:100%; padding:10px 0 0 0; min-height:80px; }
.wrapper-internas .img-white	{ border:5px solid #fff; }

.equipos			{ text-align:justify; }
.equipos .e-1	{ float:left; width:40%; }
.equipos .e-2	{ float:left; width:60%; }

h5		{ color:#aaa; }

bg-white		{  background:#fff; }

.div-30 img	{ float:none; }

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

#multistory 					{ float:left; margin:0px 0 0 0; position:relative; z-index:2; width:100%; height:438px; background:none; }
#multistory .stories			{ position:absolute; top:0; left:0px; z-index:1; width:100%; height:100%; overflow:hidden !important; background:none; }

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


#multistory .slide .texto-slider		{ position:absolute; top:60px; left:70px; z-index:30px; width:600px; font-size:14px; line-height:18px; }
#multistory .slide .texto-slider h1, h2 	{ font:28px  'OswaldRegular'; color:#00b8f3; }


#multistory .btn-3d				{ position:absolute; top:43%; left:7%; z-index:999; }

#multistory a.next_btn			{ position:absolute; top:40%; right:-30px; z-index:999; width:40px; height:83px; background:url(../images/arrow-right.png) no-repeat; }
#multistory a.prev_btn			{ position:absolute; top:40%; left:-30px; z-index:999; width:40px; height:83px; background:url(../images/arrow-left.png) no-repeat; }

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

#marcas 					{ float:left; margin:12px 0 0 0; position:relative; z-index:2; width:100%; height:80px; background:none; }
#marcas .stories			{ position:absolute; top:0; left:0px; z-index:1; width:960px; height:100%; overflow:hidden !important; background:none; }

#marcas .slide				{ position:relative; height:100%; width:100%; background:transparent !important; }


/*#multistory #controls { position:absolute; z-index:30; bottom:45px; right:30px; width:auto; height:14px; }
#multistory #controls a { display:block; float:left;  text-indent:-9999em;  margin: 0 5px;  width:14px; height:14px; background:url(../images/hover.png) no-repeat;}
#multistory #controls a.activeSlide { background:url(../images/hover.png) 0 14px; }
*/
/*--------------------------------*/


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

.lightbox-negro	{ background:transparent; width:100%; height:100%; }

.error		{ border:2px solid #ee2828 !important; }
.color-red	{ color:#f00; }

/* for de contactos */

.form-contacto			{ float:left; width:95%; }
.form-contacto label	{ float:left; width:100%; color:#000; font-size:12px; padding:3px 0; }
.form-contacto input[type="text"]	{ float:left; width: 95%; height:22px; padding:3px 10px; border:1px solid #f1f1f1; background:#fff; }

.form-contacto textarea	{ float:left; width: 95%; height:100px; padding:3px 10px; border:1px solid #f1f1f1; background:#fff; resize:none; font:12px Arial, Helvetica, sans-serif; }


::-moz-selection {
	background:#777;
	color:#fff;	
}

::selection {
	background:#777;
	color:#fff;
}

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

.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-30			{ margin-top:30px; }
.margin-top-40			{ margin-top:40px; }
.margin-top-60			{ margin-top:60px; }
.margin-top-50			{ margin-top:50px; }

.margin-right-15		{ margin-right:15px; }
.margin-right-35		{ margin-right:35px; }
.margin-right-20			{ margin-right:20px; }

.margin-left-15		{ margin-left:15px; }
.margin-left-35		{ margin-left:35px; }
.margin-left-20			{ margin-left:20px; }

.margin-bottom-20		{ margin-bottom:20px; }

.padding-top-40			{ padding-top:40px; }

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

.div-100			{ float:left; width:100%; }
.div-90				{ float:left; width:90%; padding:0 5% 0 5%; }
.div-80				{ float:left; width:80%; padding:0 20% 0 0; }
.div-70				{ float:left; width:70%; padding:0 30% 0 0; }
.div-60				{ float:left; width:60%; padding:0 40% 0 0; }

.div-50						{ float:left; width:48%; padding:0 2% 0 0; }
.div-50-left				{ float:left; width:48%; padding:0 2% 0 0; }
.div-50-right				{ float:left; width:48%; padding:0 0 0 2%; }
.div-30						{ float:left; width:30%; padding:0 2% 0 1%; } 

/* color  */

.color-fff			{ color:#fff; }
.color-000			{ color:#000; }

.color-verde		{ color:#1a5a27; }
.color-rojo			{ color:#e51937; }
.color-bajito		{ color:#fedee3; }
.color-azul-marino       { color:#393A96; }

.color-azul			{ color:#1762a7; }

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

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

a.color-gris		{ color:#4a4a4a; text-decoration:underline; }
a.color-gris:hover	{ text-decoration:none; }

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

.txt-align-right		{ text-align:right; }
.txt-align-left			{ text-align:left; }
.txt-align-justify		{ text-align:justify; }
.txt-align-center		{ text-align:center; }
.txt-subrayado			{ text-decoration:underline; }
.txt-italic				{ font-style:italic; }
.txt-bold				{ font-weight:bold; }

.font-oswald			{ font-family: 'OswaldRegular'; }

.bg-fff					{ background:#fff; }


.font-size-10			{ font-size:10px; }
.font-size-11			{ font-size:11px !important; }
.font-size-12			{ font-size:12px !important; }
.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-20			{ font-size:20px; }
.font-size-22			{ font-size:22px; }
.font-size-23			{ font-size:23px; }
.font-size-24			{ font-size:24px; }
.font-size-25			{ font-size:25px; }
.font-size-26			{ font-size:26px; }
.font-size-27			{ font-size:27px; }
.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-44			{ font-size:44px; }
.font-size-46			{ font-size:46px; }
.font-size-48			{ font-size:48px; }
.font-size-50			{ font-size:50px; }
.font-size-52			{ font-size:52px; }
.font-size-54			{ font-size:54px; }

.letter-spacing-1		{ letter-spacing:-1px; }
.linea-height-18		{ line-height:18px; }
.linea-height-24		{ line-height:24px; }
.linea-height-20		{ line-height:20px; }

.position-relativa		{ position:relative; }
.display-none			{ display:none; }

.min-height-50			{ min-height:50px; }

.txt-shadown-fff		{ text-shadow:1px 1px #fff; }
.txt-shadown-000		{ text-shadow:1px 1px #000; }
.txt-shadown-verde		{ text-shadow:1px 1px #094b2a; }
.txt-shadown-b38e00		{ text-shadow:1px 1px #b38e00; }

.border-cdc9b8			{ border:1px solid #cdc9b8; }

.min-height-85			{ min-height:85px; }

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

.border-gris-1			{ border:1px solid #c5c6c7; }
.border-b1b1b1-1		{ border:1px solid #b1b1b1; }

.letter-spacing-1		{ letter-spacing:1px; }
.letter-spacing-2		{ letter-spacing:2px; }

.clear			{ clear:both; }

/* tipografias */

@font-face {
    font-family: 'OswaldRegular';
    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;

}