/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

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


/* Global properties ======================================================== */

body{
	background:#000;
	border:0;
	font:14px SourceSansProRegular;
	color:#333;
	line-height:19px;
	min-width:960px;
}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}


/* Global Structure ============================================================= */

.body1{ background: url(../images/bg_top.png) top repeat-x; height:67px; position:relative; z-index:3} 

.bg_spinner{ width:100%; height:100%; position:fixed; z-index:0; background:url(../images/ajax-loader.gif) 50% 88% no-repeat}
#bgSlider{ position:fixed; z-index:-1}
#bgSlider img{ left:50%!important}

.pager{ position:absolute; right:9px; top:29px}
.pager li{ float:left; padding-left:7px;}
.pager a{ display:block; background:url(../images/buttons.gif) right 0 no-repeat; width:14px; height:14px;}
.pager a:hover, .pager .current a{ background-position:left}


.block {height:72px;}
.extra {min-height:100%; height: auto; margin: 0 auto -72px; position:relative}
body, html {height:100%;}
.min_height{ position:relative; min-height:400px;}


.body2{ background:url(../images/bg_bot.png) bottom repeat-x; height:72px;}

.splash{
	width:290px;
	height:277px;
	position: absolute;
	z-index:1;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-150px;
	text-align:center
}

/* ============================= main layout ====================== */

a{ color:#000000; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{}
h2{ font-size:40px; color:#000000; line-height:1.2em; padding:0 0 17px 0; letter-spacing:-1px;}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{ display:none;}

#logo1{
	display:block;
	width:290px;
	height:413px;
	text-indent:-9999px;
	background-image: url(../images/logo1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.button_enter{
	display:inline-block;
	margin-top:37px;
	font-weight:400;
	width:177px;
	height:73px;
	background:url(../images/button_enter.png) 0 0 no-repeat;
	text-align:center;
	font-size:40px;
	line-height:60px;
	color:#FFF;
	position:relative;
	text-decoration:none;
	font-family: SourceSansProRegular;
}
.button_enter span{
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	width:167px;
	height:63px;
	background: url(../images/hover_mask.jpg) -200px -200px no-repeat #fff;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

#logo2{ float:left; background:url(../images/logo2.png) 0 0 no-repeat; width:235px; height:50px; text-indent:-9999px; margin-top:5px;}

.menu { float:left; padding-top:15px; padding-right:15px;}
.menu > li { float:left; margin-left:15px; position:relative;}
.menu > li > a{
	display:block;
	position:relative;
	font-size:18px;
	color:#fff;
	line-height:30px;
	padding:0 15px;
	text-decoration:none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color: #f8981d;
	background-image: url(../images/hover_mask.jpg);
	background-repeat: no-repeat;
	background-position: -500px -500px;
}
.menu > li:hover > a, .menu > .active > a{
	color:#FFF;
}

.menu1{ padding-left:100px;}
.menu2{ padding-right:0}



.menu .ul_1{ position:absolute; left:0; width:100%; top:33px; z-index:99; padding-right:1px;}
.menu .ul_1  li{ position:relative; padding-bottom:1px;}
.menu .ul_1  li a{ display:block; background: url(../images/menu_left.png) 0 0 no-repeat;font-size:18px; line-height:30px; text-align:center; color:#fff; text-decoration:none;}
.menu .ul_1  li a span{ display:block; background:url(../images/menu_right.png) right 0 no-repeat;}
.menu .ul_1  li a span span{ background:url(../images/menu_bg.gif) top repeat-x; margin:0 8px;}

.menu .ul_2{ position:absolute; right:-106px; width:106px; top:0px;}

.menu .ul_1  li:hover > a{
	color:#f8981d
}


/* ============================= content ====================== */

.box_content{ position:relative; min-height:600px; z-index:1}



#content{ height:671px; top:50%;  margin-top:-336px; position: absolute; width:950px; left:50%; margin-left:-475px;}
#content article{height:671px; width:100%;  position: absolute}

#content article-2{height:671px; width:100%;  position: absolute}

.box{
	position: absolute;
	top:336px;
	left:475px;
	width:0;
	height:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(../images/bkg.jpg);
	background-repeat: no-repeat;
}

.text{ position:relative; z-index:1}


.close{ position:absolute; top:-16px; right:-13px; width:60px; height:60px; display:block; z-index:2}
.close img{ position:absolute; top:30px; left:30px; width:0; height:0; z-index:1}

.pad_top1{ padding-top:53px;}
.pad_bot1{ padding-bottom:22px;}
.pad_bot2{ padding-bottom:10px;}


.link1{
	font:19px SourceSansProRegular;
	color:#c41230;
	display:inline-block;
	text-decoration:none;
	line-height:1.2em;
	padding-right:25px;
	position:relative
}
.link1 span{position:absolute; top:2px; right:0; width:19px; height:19px;}
.link1 img{ position:absolute; top:10px; left:10px; width:0; height:0; z-index:1; max-height:19px; max-width:19px}
.link1 .img{ top:0; left:0; width:100%; height:100%}
.link1:hover{
	color:#f8981d
}


#gallery1_box{
	position:relative;
	width:870px;
	overflow:hidden;
	padding-top:5px;
}



#gallery1{ position:relative;}
#gallery1 li{
	float:left;
	width:390px;
	padding-right:48px;
	margin-right:42px;
	background: url(../images/line_ver1.gif) right 0 repeat-y;
}




.prev, .next{ display:block; width:60px; height:60px; position:relative; margin-top:33px; float:right; margin-right:-6px;}
.prev img, .next img{ position:absolute; top:30px; left:30px; width:0; height:0; z-index:1}
.prev .img, .next .img{ top:0; left:0; width:100%; height:100%;}
.prev{ margin-right:-2px;}

.color1{ color:#000}

/*--- tabs begin ---*/
.tabs { width:100%; overflow:hidden;}
.tabs ul.nav { padding-top:112px;}
.tabs ul.nav li{ font:19px SourceSansProRegular; line-height:30px}
.tabs ul.nav li a{ color:#b2b2b2; padding-left:28px; display:inline-block; text-decoration:none; position:relative}
.tabs ul.nav li a span{ width:19px; height:19px; position:absolute; top:6px; left:0; z-index:1}
.tabs ul.nav li a span img{ position:absolute; top:10px; left:10px; width:0; height:0; z-index:1;}
.tabs ul.nav li a span .img{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2;}

.tabs ul.nav .selected a, .tabs ul.nav  a:hover{
	color:#000
}
.tabs ul.nav .selected a span .img_act{top:0px !important; left:0px !important; width:100% !important; height:100% !important;}
.tabs ul.nav .selected a span .img{top:10px !important; left:10px !important; width:0 !important; height:0 !important;}
.tabs .tab-content { width:100%; overflow:hidden;}
/*--- tabs end ---*/

.gallery { width:286px; margin-right:18px; padding-top:5px; float:left; min-height:500px;}
.gallery li{ padding-right:5px; padding-bottom:5px; float:left;}



	
/* Pagination */
div.pagination {width:400px;position: absolute; margin-top:33px; font:13px SourceSansProRegular; z-index:1}
div.navigation div.top {display:none; /* optional disabled */}

div.pagination{ line-height:19px; color:#000000; text-decoration:none; font:14px SourceSansProRegular}
div.pagination a{ color:#777777; text-decoration:none; margin-right:20px; display:inline-block}
div.pagination a:hover{ color:#000000}
div.pagination span{ text-decoration: none; margin-right:20px; display:inline-block}

div.pagination a.prev_1, div.pagination a.next_1 { float: right; height:60px; width:60px; text-indent:-9999px; right:5px; top:-21px; position: absolute; margin-right:0}
a.prev_1 img, a.next_1 img{ position:absolute; top:30px; left:30px; width:0; height:0; z-index:1}
a.prev_1 .img, a.next_1 .img{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2}
div.pagination a.prev_1 { right:68px;}
.bottom{ z-index:3; position: relative;}
.bottom a.prev_1, .bottom a.next_1{ height:60px; z-index:3; cursor:pointer;}

iframe{ margin-top:5px; margin-bottom:26px;}

/* ============================= footer ====================== */

footer { font:11px SourceSansProRegular; color:#fff; text-align:center;}
footer a{ color:#fff}

#footer_menu {
	display:inline-block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 0;
}
* +html #footer_menu{ display:inline}
#footer_menu li{ float:left; padding-left:24px; padding-right:6px;}
#footer_menu li a{ text-decoration:none;}
#footer_menu li a:hover, #footer_menu .active a{ text-decoration:underline}

#footer_logo{ font-size:24px; color:#fff; line-height:1.2em; padding-right:5px; display:inline-block; margin-top:-7px; text-decoration:none;}

/* ============================= forms ============================= */

#contact-form { width:100%; position:relative;}
#contact-form .link1{ float:right; margin-left:17px;}
#back{ float:right;}
#contact-form input {  width:368px; background:#fff; border:1px solid #b2b2b2; margin-top:5px; padding:7px 10px;  float:left; font:14px SourceSansProRegular; color:#777777; height:16px;}
#contact-form textarea { overflow: auto; width:368px; background:#fff; border:1px solid #b2b2b2; margin:0; margin-top:5px; padding:7px 10px;  float:left; font:14px SourceSansProRegular; color:#777777; height:225px;}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:60px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:275px; overflow:hidden; padding-bottom:10px}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:-1px; margin-bottom:0px}
#contact-form .error {color:#000;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px;background:#ffff; border:1px solid #b2b2b2;}
#contact-form .bg{ float:left; }
#txt-prod {
	height: 210px;
	width: 390px;
}
.rojo {
	color: #c41230;
}
#contacto {
	height: 470px;
	width: 400px;
	border: thin solid #000;
	font-size: 10px;
}
#politica {
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
}