@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
body { font-family: "Open Sans", sans-serif; color: #444;
}

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

 
/* Mobile Layout: 480px and below. */
  
#Stage { width: 100%; height: auto; clear: none; float: none;   box-sizing: border-box; background-origin: border-box; background-attachment: fixed; }
h1{ font-family: "cabinbold", Helvetica, Arial; font-size:225%; font-weight: 700; color: #FFF; }
#wrapper { overflow: hidden; width:90%; height:auto; max-width: 1366px; max-height: 768px; margin: 0 auto; position: absolute; top: 0; left:0; bottom: 0; right: 0; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; transform-origin: initial; -ms-transform-origin: initial; -webkit-transform-origin: initial; -moz-transform-origin: initial; -o-transform-origin: initial;  }

#header{ width:100%; height:120px; float:left; position:relative;}
#content{ width:93%; height: 79%; margin: 17,6% 0 0 0; padding:0 10%; float: left; position: relative; } 
#nav{
float:left; 
position:relative;
width:80%;
margin: 90,6% auto auto auto;
display:block;
}
#iconos{ position: relative; float: left;display: inline-block; padding: 0; margin: 0% 0 0 2%; height: 131px; width: 10%; box-sizing: content-box;  background-repeat: no-repeat; background-origin: border-box; background-attachment: fixed; overflow-x: hidden; overflow-y: hidden; z-index: 10; background-size: 17,1% 17,1%; background-position: 345px 0px; background-clip: content-box; overflow: hidden; }
.titu { position: relative; float:right; display: inline-block; width: 86%; max-width: 86%; height: 1px;  font-size: 225%; top: 2%;
	"transform-origin":initial;
	"-ms-transform-origin":initial;
	"-webkit-transform-origin":initial;
	"-moz-transform-origin":initial;
	"-o-transform-origin":initial; 
	text-align:left; }


.subtitulo{}
.w_help{
position:absolute;
width:440px;
left:650px;
top:380px;
z-index:10;
visibility:hidden;
}
/*botonera inferior*/



.boton{ display: inline; margin-left: 10px; position: relative; width: 5,1%; left: 37,9; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;   }

.bt_validar{ 
display:inline-block;
background-clip:padding-box;
background-origin:content-box;
background-position:0px 0;
clip: rect(0px, 70px, 70px, 0px);

}
.bt_validar:hover{background-position:0px -70px;}

.bt_solucion{ 
background-clip:padding-box;
background-origin:content-box;
background-position:-73px 0px;
clip: rect(0px, 70px, 70px, 0px);

}
.bt_solucion:hover{background-position:-73px -70px;}

.bt_reiniciar{ 
background-clip:padding-box;
background-origin:content-box;
background-position:-146px 0;
background-size: 100% 100%; 
clip: rect(0px, 70px, 70px, 0px);

}
.bt_reiniciar:hover{
background-position:-146px -70px;
}
	
.bt_help{
background-clip:padding-box;
background-origin:content-box;
background-position:-220px 0px;
clip: rect(0px, 70px, 70px, 0px);
}

.bt_help:hover{background-position:-220px -70px;}

#div1{}

.zeroMargin_mobile{margin-left: 0;}

.hide_mobile{display: none;}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

 
#wrapper { width: 1366px; }
#div1 {
}
.zeroMargin_tablet {
margin-left: 0;
}
.hide_tablet {
display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
 
.container {
	width: 100%;
	padding-left: 0.75%;
	padding-right: 0.75%;
}

#div1 {
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}
}
 
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}
