/*******RESET *****/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: 300;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*******CSS****/

body{margin:0;padding:0;background-color:#fafafa; text-align:center; }



/****** nav ******/
nav{
	position:fixed;
	width:100%;
	min-height:100px;
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#f0f0f0;
	z-index:99999;
}
@media (max-width: 600px){
	/*nav{
	position:relative;
	}*/
}
nav #menu {
	position:relative;
	display:block;
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:center;
}

nav #menu div{
	position:relative;
	display:inline-block;
	float: left;
	text-align:center;
	font-family:"Open Sans";
	font-size:16px;
	line-height:16px;
	font-weight:300;
	letter-spacing:0.3px;
	color:#1a1a1a;
	padding:0;
	margin:0;
	cursor:pointer;
}
nav #menu .tx_menu{
	padding-left:163px;display:block;position:relative;width:100%;max-width:953px;text-align:left;top:10px;font-family:'Open sans';font-weight:300;font-size:11px;letter-spacing:1pt;color:#9a9a9a;line-height:14px;margin-bottom:20px;
}
@media (max-width: 600px){
	nav #menu .tx_menu{
	display:none;
}}
nav #menu #menu1{
	margin-left:163px;
	
}
nav #menu #menu2,nav #menu #menu3,nav #menu #menu4,nav #menu #menu5,nav #menu #menu6{
	margin-left:25px;
}
nav #menu div a{
	text-decoration:none;color:#000;
}
nav #menu div a:HOVER{	
	color:#e73229;
}
nav #menu #botonMENU{
	display:none;
	z-index:1000000;
}
@media (max-width: 950px){
nav #menu #botonMENU{
	position:absolute;
	display:block;
	right:0;
	top:0;
	border:10px solid #fff;
}
}
@media (max-width: 950px){
	nav #menu #menuBotones{
		position:absolute;
		left:0;right:0;
		background:#fff;
		padding:10px;
		z-index:10000;
		display:none;
		
	}
	nav #menu #menu1,nav #menu #menu2,nav #menu #menu3,nav #menu #menu4,nav #menu #menu5,nav #menu #menu6{
		display:block;
		clear:both;
		padding:5px;
		margin-left:0;
	}
}

/****** section ******/
section{
	position:relative;
	width:100%;
	display:block;
	margin:0 auto;
	padding:100px 0 0 0;
	text-align:center;
}
/*
@media (max-width: 600px){
	section{
	padding:10px 0 0 0;
	}
}*/
section #imagencontenido{
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	height:400px;
	max-height:400px;
	overflow:hidden;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}
section #contenido{
	position:relative;
	display:block;
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:50px 0;
	text-align:center;
}







section #contenido2{
	width:960px;
	height:400px;
	padding:0;
	position:relative;
	left:50%;
	margin-left:-480px;
	top:0;
}

section #pie{
	width:100%;
	background:url(img/flechaback2.png) left top repeat-x;
	position:absolute;
	left:0;
	top:100%;
	height:70px;
	margin-top:-69px;
	z-index:1;
	text-align:left;
	float:left;
}
section #pie_contacto{
	width:100%;
	background:url(img/flechaback3.png) left top repeat-x;
	position:absolute;
	left:0;
	top:100%;
	height:70px;
	margin-top:-69px;
	z-index:1;
	text-align:left;
	float:left;
}
section #pie_contacto2{
	width:100%;
	background:url(img/flechaback4.png) left top repeat-x;
	position:absolute;
	left:0;
	top:100%;
	height:70px;
	margin-top:-69px;
	z-index:1;
	text-align:left;
	float:left;
}
section #pie_contacto3{
	width:100%;
	background:url(img/flechaback5.png) left top repeat-x;
	position:absolute;
	left:0;
	top:100%;
	height:70px;
	margin-top:-69px;
	z-index:1;
	text-align:left;
	float:left;
}
section .fila{
	padding:10px 22px;
	font-family:"Open Sans";
	font-size:14px;
	font-weight:300;
	letter-spacing:0;
	color:#1a1a1a;
}
section .fila input,section .fila select{
	padding:5px;
	font-family:"Open Sans";
	font-size:14px;
	font-weight:300;
	letter-spacing:0;
	color:#1a1a1a;
	border:0;
	background:#fff;
}
section .banner{
	position:absolute;
	width:200px;
	height:400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: 10px 10px 10px 10px #9a9a9a;
	-moz-box-shadow: 10px 10px 10px 10px #9a9a9a;
    box-shadow: 0px 8px 10px 0px #9a9a9a;
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	border-radius: 10px 0 10px 0;
	behavior:url(border.htc);
	
}
section #bola1_texto,section #bola2_texto,section #bola3_texto,section #bola4_texto,section #bola5_texto,section #bola6_texto,section #bola7_texto,section #bola8_texto{
	width:960px;
	height:400px;
	padding:0;
	position:relative;
	left:50%;
	margin-left:-480px;
	top:0;
	box-sizing:border-box;
}
section #bola1_texto_int,section #bola2_texto_int,section #bola3_texto_int,section #bola4_texto_int,section #bola5_texto_int,section #bola6_texto_int,section #bola7_texto_int,section #bola8_texto_int{
	padding-top:10px;
}
section #der_bolas{
	position:absolute;
	cursor:pointer;
	left:50%;top:0;
	margin-left:420px;
	margin-top:210px;
	color:#fafafa;
	opacity:0.6;
	z-index:88;
	cursor:pointer;
	display:none;
	
}
section #der_bolas:HOVER{
	opacity:0.9;
}
section #izq_bolas{
	position:absolute;
	cursor:pointer;
	left:50%;top:0;
	margin-left:-448px;
	margin-top:210px;
	color:#fafafa;
	opacity:0.6;
	z-index:88;
	cursor:pointer;
	display:none;
}
section #izq_bolas:HOVER{
	opacity:0.9;
}
section #volver_bolas{
	position:absolute;
	cursor:pointer;
	font-weight:300;
	left:50%;top:0;
	width:150px;
	height:150px;
	margin-left:300px;
	margin-top:175px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	border:1px solid #fafafa;
	color:#fafafa;
	opacity:0.6;
	z-index:88;
	cursor:pointer;
	display:none;
	
}
section #volver_bolas span{
	positioN:relative;
	text-align:center;
	font-family:"Open Sans";
	font-size:18px;line-height:20px;
	font-weight:300;
}

section #volver_bolas2{
	position:absolute;
	cursor:pointer;
	font-weight:300;
	left:50%;top:50%;
	width:150px;
	height:150px;
	margin-left:290px;
	margin-top:50px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	border:1px solid #fafafa;
	color:#fafafa;
	opacity:0.6;
	z-index:98;
	cursor:pointer;
	display:none;
	
}
section #volver_bolas2 span{
	positioN:relative;
	text-align:center;
	font-family:"Open Sans";
	font-size:18px;line-height:20px;
	font-weight:300;
}
section #bola{
	cursor:pointer;
	position:relative;
	left:0;top:0;
	margin:10px 0 0 10px;
	width:185px;
	display:inline-block;
	height:185px;
	-moz-border-radius: 185px;
	-webkit-border-radius: 185px;
	border-radius: 185px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
	background:#fafafa;
	color:#1a1a1a;
	
}
section #llave{
	cursor:pointer;
	position:relative;
	left:0;top:0;
	margin:10px 10px 0 10px;
	display:inline-block;
	height:185px;
	vertical-align:middle;
}
section #bolapeq{
	cursor:pointer;
	position:relative;
	left:0;top:0;
	margin:5px;
	width:40px;
	height:40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 30px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
	background:#fafafa;
	color:#1a1a1a;
}
section #bola span{
	positioN:relative;
	text-align:center;
	font-family:"Open Sans";
	font-size:18px;line-height:20px;
	font-weight:300;
}

section #bolas_app1,section #bolas_app2,section #bolas_app3,section #bolas_app4,section #bolas_app5{
	cursor:pointer;
	position:relative;
	left:0;top:0;
	margin:10px;
	width:165px;
	display:inline-block;
	height:165px;
	-moz-border-radius: 165px;
	-webkit-border-radius: 165px;
	border-radius: 165px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
	background:#efefef;
	color:#333;
	font-family:"Open Sans";
	font-size:22px;line-height:28px;
	font-weight:normal;
	padding-top:40px;
}
@media (max-width: 950px){
	section #bolas_app1,section #bolas_app2,section #bolas_app3,section #bolas_app4,section #bolas_app5{
		width:100px;
		display:inline-block;
		height:100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		color:#1a1a1a;
		font-size:14px;line-height:18px;
		padding-top:30px;
	}

}
@media (max-width: 500px){
	section #bolas_app1,section #bolas_app2,section #bolas_app3,section #bolas_app4,section #bolas_app5{
		display:none;
	}
}
section #bolas_app1 span,section #bolas_app2 span,section #bolas_app3 span,section #bolas_app4 span,section #bolas_app5 span{
	positioN:relative;
	text-align:center;
	font-family:"Open Sans";
	font-size:20px;line-height:24px;
	font-weight:300;
}
section #botones{
	
	position:relative;
	margin:0 20px 20px 20px;
}
section #botones img:HOVER{opacity:0.6;}

section #app_texto1,section #app_texto2,section #app_texto3,section #app_texto4,section #app_texto5 {
	text-align:left;
	font-family:"Open Sans";
	font-weight:300;
	width:100%;
	max-width:960px;
	font-size:14px;
	line-height:18px;
	letter-spacing:0.5pt;
	color:#1a1a1a;
	padding:20px;
	background:#fafafa;
	font-size:13px;
	display:none;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

section #app_texto1 a{
	color:#e73229;
	text-decoration:none;
}
section #app_texto1 a:HOVER{
	text-decoration:underline;
}
@media (max-width: 500px){
	section #app_texto1,section #app_texto2,section #app_texto3,section #app_texto4,section #app_texto5{
		display:block;
	}
}
section #linea{
	position:relative;width:80px;height:15px;border-bottom:1px solid #1a1a1a;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	behavior:url(border.htc);
}
section #texto_seccion{
	font-family:"Open Sans";
	font-weight:300;
	font-size:14px;
	line-height:18px;
	letter-spacing:0.5pt;
	color:#1a1a1a;
	padding:10px;
	
}
section #texto_seccion a{
	/*margin-left:-30px;*/
	color:#666;
	font-weight:500;
	text-decoration:none;
}
section #texto_seccion a:HOVER{
	text-decoration:none;
	color:#e73229;
}


section #descripcion{

	font-family:"Open Sans";
	font-size:13px;
	line-height:16px;
	letter-spacing:0.5pt;
	color:#1a1a1a;
	font-weight:300;
	padding-bottom:20px;
}
section #descripcion strong{
	font-weight:500;
}

section #descripcion ul {
    list-style-type: circle;
    padding: 0px 0 0 20px;
    margin: 0px;
}

/****** foter
footer{
	background:url(img/flechaback6.png) left top repeat-x;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	height:140px;
	margin-top:-120px;
	position:fixed;
	z-index:99;
	text-align:left;
	float:left;
}
footer div{
	font-family:"Open Sans";
	font-size:12px;
	letter-spacing:0.5pt;
	color:#fafafa;
}
#foter_div{
	width:960px;
	left:50%;
	margin-left:-480px;
	height:120px;
	position:relative;
	top:0;
}

.input_news{
	font-family:"Open Sans";
	font-size:12px;
	line-height:16px;
	letter-spacing:0.5pt;
	color:#fafafa;
	border:1px solid #a8a8a8;
	padding:5px;
	background:#9d9d9d;
}
.button_news{
	font-family:"Open Sans";
	font-size:12px;
	line-height:16px;
	letter-spacing:0.5pt;
	color:#5a5a5a;
	border:0;
	padding:4px;
	background:#9d9d9d;
	cursor:pointer;
}
.button_news:HOVER{
	background:#d8d8d8;
	color:#5a5a5a;
}

**/

/****** foter ******/
footer{
	background:url(img/flechaback6.png) left top repeat-x;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	position:fixed;
	z-index:99;
	text-align:center;
	margin:0 auto;
	padding-bottom:10px;
}
@media (max-width: 950px){
	footer{
		position:relative;
		top:200px;
		margin-top:0;
		padding-top:0;
		background:#e1e1e1;
	}
}
footer div{
	font-family:"Open Sans";
	font-size:12px;
	
	letter-spacing:0.5pt;
	color:#fafafa;
}
#foter_div{
	max-width:960px;
	width:100%;
	margin:0 auto;
	padding-top:0;
	position:relative;
	top:0;
	text-align:center;
	display:block;
}
@media (max-width: 950px){
	#foter_div{
	height:100px;
		background:#e1e1e1;
}

#IrArriba {
position: fixed;
z-index:1200;
bottom: 100px; /* Distancia desde abajo */
right: 20px; /* Distancia desde la derecha */
}

#IrArriba span {
width: 43px; /* Ancho del botón */
height: 35px; /* Alto del botón */
display: block;
background: url(img/btnarriba.png) no-repeat center center;
}




/******** nav ********/
#flotante{
position:fixed;display:block;right:0;top:25%;width:260px;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
z-index:1111;
}
#flotante #nav_flotante{
	position:relative;box-shadow: 1px 1px 1px #eee;
	opacity:0.9;
	width:100%;
	max-width:260px;
	background:#efefef;
	
	margin-bottom:40px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	top:0;
}
#flotante #nav_flotante #equix{
	position:absolute;
	top:10px;
	left:210px;
	cursor:pointer;
	opacity:0.5;
}
#flotante #nav_flotante #equix:HOVER{
	
	opacity:0.8;
}
#flotante #nav_flotante:HOVER{
	opacity:1;
}
#flotante #nav_flotante ul {
	
	
	padding:10px 20px 10px 20px;
	border-bottom:1px solid #ccc;
	
}
#flotante #nav_flotante #titulo{
	background:#fafafa;
}
#flotante #nav_flotante ul div{
	font-family:"Open Sans";
	font-size:18px;
	line-height:22px;
	padding-bottom:10px;
	letter-spacing:0.5pt;
	color:#1a1a1a;
	font-weight:300;


}
#flotante #nav_flotante ul span{
	font-family:"Open Sans";
	font-size:18px;
	line-height:18px;
	letter-spacing:0.5pt;
	color:#1a1a1a;
	font-weight:300;


}
#flotante #nav_flotante ul li{
	padding:5px 0 5px 5px;

}
#flotante #nav_flotante ul li a{
	
	font-family:"Open Sans";
	font-size:12px;
	line-height:12px;
	padding:5px 0;
	letter-spacing:0.5pt;
	color:#6a6a6a;
	font-weight:300;
	text-decoration:none;
}
#flotante #nav_flotante ul li a:HOVER{
	text-decoration:underline;
}