*{margin: 0; padding: 0; border: 0;}

html, body{
	height: 100%;
	width: 100%;
	overflow:auto;
}

body {
	/*background:	url("../images/fondo_01.jpg") no-repeat;*/
	background-color: #06F;
	background-size: 100%;
	font-family: 'Lato';
	font-weight: 700;
	font-size: 15px;
}

#cabecera {
	background: rgba(200,200,200,.5);
	width: 100%;	
	text-align: center;
}

.h_title{
	text-decoration:none;
}

.globalnav-wrapper{
	/*position: absolute;*/
	z-index: 9998;
	top: 1;
	left: 50%;
	margin: 1px auto 5px;
	width: 800px;
	height: 36px;
	text-align:center;
}

nav {
  border: none;
  text-decoration: none;
  cursor: pointer;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul li {
  float: left;
  border-top: 1px solid #7D7D7D;
  border-right: 1px solid #575757;
  border-bottom: 1px solid #575757;
  border-left: none;
  /* DEGRADADOS CSS3 */
  /*  Chrome 1-9 and Safari 4-5.0  */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8b8b8b), color-stop(0.5, #707070), color-stop(0.5, #5e5e5e), color-stop(1, #777777));
  /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
  background-image: -webkit-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
  /*  Firefox 3.6+  */
  background-image: -moz-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
  /*  IE 10+  */
  background-image: -ms-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
  /*  Opera 11.10+  */
  background-image: -o-linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
  /*  W3C  */
  background-image: linear-gradient(top, #8b8b8b, #707070 50%, #5e5e5e 50%, #777777);
}
nav ul li a {
  display: block;
  float: left;
  padding: 10px 30px;
  border-right: 1px solid #868686;
  border-left: 1px solid #868686;
  color: #ffffff;
  font: 13px Tahoma, Arial, sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  /* SOMBRA EN TEXTOS CSS3 */
  text-shadow: 0px -1px 0px #333333;
}
nav ul li:first-child a {
	border-left: none;
}
nav ul li:last-child a {
	border-right: none;
}
nav ul li:first-child {
  /* BORDES REDONDEADOS CSS3 */
  /*  Firefox 3.6+  */
  -moz-border-bottom-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  /*  W3C  */
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
nav ul li:last-child {
  border-right: none;
  /* BORDES REDONDEADOS CSS3 */
  /*  Firefox 3.6+  */
  -moz-border-bottom-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  /*  W3C  */
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

nav ul li:hover {
  /* DEGRADADOS CSS3 */
  /*  Chrome 1-9 and Safari 4-5.0  */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5d5d5d), color-stop(0.5, #424242), color-stop(0.5, #383838), color-stop(1, #535353));
  /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
  background-image: -webkit-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
  /*  Firefox 3.6+  */
  background-image: -moz-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
  /*  IE 10+  */
  background-image: -ms-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
  /*  Opera 11.10+  */
  background-image: -o-linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
  /*  W3C  */
  background-image: linear-gradient(top, #5d5d5d, #424242 50%, #383838 50%, #535353);
}
nav ul li.active {
  /* DEGRADADOS CSS3 */
  /*  Chrome 1-9 and Safari 4-5.0  */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(0.05, #2b2b2b), color-stop(0.5, #434343), color-stop(1, #3e3e3e));
  /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
  background-image: -webkit-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
  /*  Firefox 3.6+  */
  background-image: -moz-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
  /*  IE 10+  */
  background-image: -ms-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
  /*  Opera 11.10+  */
  background-image: -o-linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
  /*  W3C  */
  background-image: linear-gradient(top, #000000, #2b2b2b 5%, #434343 50%, #3e3e3e);
}
nav ul li:hover a,
nav ul li:active a {
  border-left-color: transparent;
  border-right-color: transparent;
}

nav ul li.logo a {
  padding: 10px 0;
  /*background: url(http://www.ivanprego.com/wp-content/uploads/2012/09/logo.png) center 5px no-repeat;*/
}
nav ul li.logo a span {
  visibility: hidden;
}
nav ul li a {
  color: #ffffff;
  font: 13px Tahoma, Arial, sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-shadow: 0px -1px 0px #333333;
}


#contenedor{
	margin: 0 auto;
	max-width: 100%;
	height: 100%;
}

#cuadro1
{
	background:rgba(155,140,140,0.95);
	display: inline-block;
}

#cuadro2
{
	background:rgba(155,105,105,0.95);
	display: inline-block;
}

#cuadro3
{
	background:rgba(155,70,70,0.95);
	display: inline-block;
}

#cuadro4
{
	background:rgba(155,10,10,0.95);
	display: inline-block;
}

#cuadros
{
	margin: 0 auto;
	width: 80%;
}

.subtit_cuadro{
	font-size: .9em;
}

#datos
{
	background: #424242;
	color: #FFF;
	margin: 33px auto;
	width: 80%;
}

#datos p
{
	display: inline-block;
	font-size: 14px;
	padding: 15px 3%;
	vertical-align: middle;
	width: 30%;
}

#datos form
{
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	width: 60%;
}

#enviar
{
	background: #77c937;
	color: #FFF;
	height: 30px;
	width: 15%;
}

#fin
{
	height: 30px;
	width: 100%;
}

#logo {
	position: fixed;
	top: 0;
	left: 20px;;
}

#entrada
{
	margin: 1em auto;
	padding: 1px 0 0 0;
	width: 80%;
	height: 288px;
}


#video {
	margin: 1em 25%;
	padding: 1px 0 0 0;
	width: 100px;
	height: 288px;
	float: left;
	text-align:center;
}

#play
{
	background: url("../images/play.png") no-repeat;
	background-size: 100px;
	cursor: pointer;
	height: 100px;
	margin: 5em 0 0 0;
	width: 100px;
}


#login_form_box {
	margin: 0 auto;
	padding:39px 10px 10px 15px;
	overflow:hidden;
	width:250px; 
	height: 250px;
	text-align: left;
	font-size:12px; 
	line-height:14px; 
	color:#666666;
	background-color: rgba(240,240,240,.9);
	border: 3px solid #0765bc;
	border-radius: 18px; -moz-border-radius:18px; -webkit-border-radius:18px; 
}

.inputbox {
	background: transparent;
	position:relative;
	padding-bottom:15px; 
}

.inputbox input {
padding: 1px;
background-color: #FFF;
border: 2px inset;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

.inputbox input[type="radio"], input[type="checkbox"] {
margin: 0px 2.5ex;
background-color: initial;
padding: 1px;
border: 1px solid #333;
}

.inputbox input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
}

.forgotpass{
	padding-left:10px;
}

#signupbox{
	border-top: 1px dotted #cccccc;
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	font-size:12px;
	width: 284px;
}


/*forgot password container*/
#forgotContainer{width:100%; display:none; margin-top:20px}
#forgotContainer p{padding-bottom:10px}
#forgotForm input{width:98%; margin:5px 0}
#forgotForm input[type=submit]{float:right; width:50px}
#forgotEmailError, #successMsg{display:none}
#successMsg p{color:DodgerBlue; font: bold 1em Arial, Helvetica, sans-serif}

/*Register new user container*/
#registerContainer{display:none; font: .9em Arial, Helvetica, sans-serif}
#registerContainer > input{font: .9em Arial, Helvetica, sans-serif;}
#registerForm {width:100%; margin-top:10px}
#registerForm label{float:left; margin:3px 0; width:25%}
#registerForm label b{color:red; padding-right:3px}
#registerForm input{float:left; width:50%; font: .9em Arial, Helvetica, sans-serif}
#registerForm div#passMeter{height:18px; margin-left:10px; font-weight:bold; float:left}
#registerForm div#verifyUser{height:18px; margin-left:10px; float:left}
#registerSuccessMsg{display:none; text-align: center; padding-top:30px}
#registerSuccessMsg h2{color:DodgerBlue}
#registerSuccessMsg h3{color:DodgerBlue; margin-left:30px}
#registerSuccessMsg p{color:DodgerBlue; font: 1em Arial, Helvetica, sans-serif; }
#captcha:hover{cursor:pointer}
#registerError{display:none; margin-bottom:10px}
input#userName, input#newPass{width:100%}
.inputMsg{float:left;width:50%}


#sociales {
	position: fixed;
	bottom: 0;
	right: 5%;
}

#sociales li
{
	display: inline-block;
	vertical-align: top;
}

#pie {
	position: fixed;
	bottom: 0;
	left: 2%;
}
#pie li
{
	display: inline-block;
	vertical-align: top;
}


#txt
{
	font-size: 16px;
	height: 30px;
	width: 80%;
}



/*-------------------------clases----------------------------*/

/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}


.menu_lista{
	float:left;margin:5px 1px;padding:5px;width: 100px;text-align: center;
	background-color: #aaa;
}
.menu_lista a{
	color:#fff;
	text-decoration: none;
}	
.op_activo{
	background:#006;
	color:#fff;
}

.lista_facturas { 	border-collapse:collapse; 	border:#ccc 1px solid; }
.lista_facturas thead{ 	border:#ccc 1px solid; 	background-color: #006; color: #fff; }
.lista_facturas tbody tr td{ border:#ccc 1px solid; font-size: 12px; }

.lista_facturas_cancel { 	border-collapse:collapse; 	border:#ccc 1px solid; }
.lista_facturas_cancel thead{ 	border:#ccc 1px solid; 	background-color: #006; color: #fff; }
.lista_facturas_cancel tbody tr td{ border:#ccc 1px solid; font-size: 12px; color: #ccc;}
.uuid { font-size:11px; color:#999;}


/*round corners of container*/
.allCorners {-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}
.topCorners {-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-khtml-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0}
.leftCorner {-moz-border-radius: 0 5px 5px 5px;-webkit-border-radius: 0 5px 5px 5px;-khtml-border-radius: 0 5px 5px 5px;border-radius: 0 5px 5px 5px}
.rightCorner {-moz-border-radius: 5px 0 5px 5px;-webkit-border-radius: 5px 0 5px 5px;-khtml-border-radius: 5px 0 5px 5px;border-radius: 5px 0 5px 5px}
.bottomCorners {-moz-border-radius: 0  0 5px 5px;-webkit-border-radius: 0  0 5px 5px;-khtml-border-radius: 0  0 5px 5px;border-radius: 0  0 5px 5px}



.cuadro
{
	color: #EEEDD1;
	cursor: pointer;
	margin: 0px -2px;
	text-align: center;
	vertical-align: top;
	width: 25%;
	white-space: nowrap;
}

.cuadro p
{
	margin: 0 0 .6em 0;
}

.cuadro img
{
	margin-top: 5px;
	width: 30%;
}

.cuadro span
{
	font-size: 12px;
}

@media screen and (max-width: 1200px){
	
	body
	{
		background-size: 1200px;
		background-attachment: fixed;
	}
	#logo {left:1%;}
}

@media screen and (max-width: 1100px){
	
	html,body	{
		overflow: auto;
	}

	body	{
		background-size: 1100px;
		background-position: center;
	}
	
	#logo {left:1%;}
	
	#video {
		margin: 1em 19%;
	}


	#cuadros	{
		width: 90%;
	}

	.cuadro	{
		width: 25%;
	}

}

@media screen and (max-width: 800px){
	
	body	{
		background-size: 900px;
	}
	#logo {left:1%;}
	
	#video {
		margin: 1em 5%;
	}


	#cuadros	{
		width: 100%;
	}

	#datos p	{
		width: 100%;
	}

	#datos form	{
		padding: 1em 5%;
		width: 90%;
	}
}

@media screen and (max-width: 601px){

	#cuadros
	{
		width: 100%;
	}
	#logo {left:1%;}

	#datos p
	{
		padding: 10px 0 0 0;
		text-align: center;
	}

	#logo
	{
		width: 100%;
		background-position: center;
	}

	#play
	{
		margin: 0;
	}

	#entrada{ height: 170px; }
	#video 	{ height: 150px; }
	#login_form_box { height: 140px; }
	
	
	

}

@media screen and (max-width: 500px){
	#logo {display:none;}

	#cuadros  { width: 76%; }

	.cuadro  { 	width: 100%; }
	
	#entrada{ height: 340px; }
	#video 	{ float:none;}
	#login_form_box	{ float:none;}
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff') format('woff');
}