@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@charset "utf-8";

header,nav,article,footer,section,aside,figure,figcaption{
	display:block
}

html,body,div,button,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a, abbr,acronym,address,big,cite,code,del,dfn,
em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,
tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:middle;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

div {
	display: block;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
/*
body{
	background:#F2F2F2;
	color:#333;
	line-height:20px;
	width:1024px;
	overflow-x:hidden;
}

ul{
	list-style:none;
}

em{
	font-style:normal
}

blockquote,q{
	quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none
}

header,footer{
	display:block
}

a, a:link, a:visited, a:active{
	color: inherit;
	text-decoration:inherit;
	text-transform:inherit;
	font-weight:inherit;
}

p{
	text-align:left;
}

*,html{margin:0;padding:0}

iframe{
	width:100%; height: auto;
}
*/
/****************************************************************************************************************/
/* Básicos */
/****************************************************************************************************************/

.scroll-750{
	height:750px;
	overflow:scroll;
	overflow-x:hidden;
}

.scroll-horizontal{
	overflow-x: scroll;
	overflow-y: hidden;
}

.align-i	{ text-align:left;}
.align-c	{text-align:center;	}
.align-d	{text-align:right;}
.align-j	{text-align:justify;}

.negrita	{font-weight:bold;}
.cursiva	{font-style:italic;}
.subrayado	{text-decoration:underline;}

.ancho-25	{width: 25%;}
.ancho-25px	{width: 25px;}

.ancho-50	{width: 50%;}
.ancho-50px	{width: 50px;}

.ancho-75	{width: 75%;}
.ancho-75px	{width: 75px;}

.ancho-80	{width: 80%;}
.ancho-80px	{width: 80px;}

.ancho-100	{width: 100%;}
.ancho-100px{width: 100px;}

.ancho-125	{width: 125%;}
.ancho-125px{width: 125px;}

.ancho-200	{width: 200%;}
.ancho-200px{width: 200px;}

.ancho-300	{width: 300%;}
.ancho-300px{width: 300px;}

.oculto		{display: none;}
.visible	{display: block;}

.margen-interior-5	{padding:5px;}
.margen-interior-10	{padding:10px;}
.margen-exterior-5	{margin:5px;}
.margen-exterior-10	{margin:10px;}

.pointer	{cursor:pointer;}

.aviso		{color: #090;}
.alerta		{color: #F00;}

.opacity-25	{filter: alpha(opacity=25);	opacity: 0.25;}
.opacity-50	{filter: alpha(opacity=50);	opacity: 0.5;}
.opacity-100{filter: alpha(opacity=100); opacity: 1;}

/****************************************************************************************************************/
/* Inputs */
/****************************************************************************************************************/
/*
textarea{
   border:none;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 5px #333 inset;
   -moz-box-shadow:0 0 5px #333 inset;
   box-shadow:0 0 5px #333 inset;
   text-indent:5px;
   font-size:14px;
   margin: 5px 5px;
   padding: 5px;

}

textarea:focus{
	outline:none;
}

textarea:disabled{
	background: #EBEBE4;
	opacity:50;
   -webkit-box-shadow:0 0 0px #333 inset;
   -moz-box-shadow:0 0 0px #333 inset;
   box-shadow:0 0 0px #333 inset;
   color: #EBEBE4;
}

input[type=text], input[type=password], input[type=number], input[type=color] {
   border:none;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 5px #333 inset;
   -moz-box-shadow:0 0 5px #333 inset;
   box-shadow:0 0 5px #333 inset;
   height:30px;
   line-height:30px;
   text-indent:5px;
   font-size:14px;
   margin: 5px 5px;
   padding: 0px 5px 0px 0px;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=color]:focus { outline:none; }

input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=color]:disabled {
	background: #EBEBE4;
	opacity:50;
   -webkit-box-shadow:0 0 0px #333 inset;
   -moz-box-shadow:0 0 0px #333 inset;
   box-shadow:0 0 0px #333 inset;
   color: #EBEBE4;
}

input[type=file] {
   border:none;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 5px #333 inset;
   -moz-box-shadow:0 0 5px #333 inset;
   box-shadow:0 0 5px #333 inset;
   height:30px;
   line-height:30px;
   text-indent:5px;
   font-size:14px;
   margin: 5px 5px;
   padding: 5px 0px 5px 0px;
}
input[type=file]:focus { outline:none; }

input[type=file]:disabled {
	background: #EBEBE4;
	opacity:50;
   -webkit-box-shadow:0 0 0px #333 inset;
   -moz-box-shadow:0 0 0px #333 inset;
   box-shadow:0 0 0px #333 inset;
   color: #EBEBE4;
}

input[type=date], input[type=time] {
   border:none;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 5px #333 inset;
   -moz-box-shadow:0 0 5px #333 inset;
   box-shadow:0 0 5px #333 inset;
   height:30px;
   line-height:30px;
   text-indent:5px;
   font-size:14px;
   margin-bottom: 5px;
   margin-top: 5px;
   padding: 0px 5px 0px 0px;
}
input[type=date]:focus, input[type=time]:focus { outline:none; }

input[type=date]:disabled, input[type=time]:disabled{
	background: #EBEBE4;
	opacity:50;
   -webkit-box-shadow:0 0 0px #333 inset;
   -moz-box-shadow:0 0 0px #333 inset;
   box-shadow:0 0 0px #333 inset;
   color: #EBEBE4;
}
*/
.error{
	background-color: #ffd8d8;
}
/*
label{
	margin: 0px; padding: 0px;
	text-align:left;
}

select{
   border:none;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 5px #333 inset;
   -moz-box-shadow:0 0 5px #333 inset;
   box-shadow:0 0 5px #333 inset;
   height:30px;
   line-height:30px;
   text-indent:5px;
   font-size:14px;
   margin-bottom: 5px;
   margin-top: 5px;
}

select:focus{
	outline:none;
}

option{
	margin: 0px 0px; padding: 2px 2px;
}

input[type=checkbox] {
	border: 1px solid #c0c0c0;
	margin: 0 0.1em 0 5;
	padding: 0;
	line-height: 1em;
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));
	-webkit-appearance: none;
	-webkit-box-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 0.25em;
	vertical-align: text-top;
	display: inline-block;
	zoom: 1;
    *display: inline;
	cursor:pointer;
}


input[type=checkbox]:checked::after {
	content:"\2713";
	display:block;
	text-align: center;
	height: 18px;
	line-height: 18px;
	color:#390;
}

input[type=checkbox]:disabled {
	background: #EBEBE4;
}

input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:23px;
	height:18px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -18px;
}

label.css-label {
	background-image:url('/imagenes/configurador/estilos/checkbox.png');
	background-size:16px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=radio] {

	border: 1px solid #c0c0c0;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	line-height: 1em;
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	vertical-align: middle;
	display: inline-block;
	zoom: 1;
    *display: inline;
	cursor:pointer;
}

input[type=radio] {
	-webkit-border-radius: 2em;
}

input[type=radio]:checked::after {
	display:block;
	height: 16px;
	line-height: 15px;
	font-size: 20px;
	text-align: center;
}

input[type=radio]:disabled {
	background: #EBEBE4;
}

*/
/****************************************************************************************************************/
/* Fuentes */
/****************************************************************************************************************/
table{
	border-spacing:0px 0px; width:100%;
}


.fuente-xs	{font-size:9px;}
.fuente-s	{font-size:10px;}
.fuente-m	{font-size:12px;}
.fuente-l	{font-size:16px;}
.fuente-xl	{font-size:20px;}
.fuente-xxl	{font-size:26px;}

.mayusculas		{text-transform:uppercase;}
.minusculas		{text-transform:lowercase;}

.fuente_pestanas_titulo {
/*	font-family: 'Open Sans', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}

.fuente_subpestanas_titulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.fuente_caja_titulo{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
}

.fuente_caja_titulo_24{
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
}

.fuente_pantalla_titulo{
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
}

.fuente_pantalla_titulo_24{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
}

.fuente_pantalla_filtro{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
}

.fuente_linea_explicacion{
	font-size:14px;
	font-style:italic;
}
