* { box-sizing: border-box; }

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

body {font-family: "Open Sans", sans-serif}
h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}

body, html {
  height: 100%;
  font-size:15px;
  line-height: 1.8;
}

html{overflow-x:hidden}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}

h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}

.top{position:fixed;width:100%;z-index:1}

.bar{width:100%;overflow:hidden;}.center .bar{display:inline-block;width:auto}
.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.bar .button{padding:16px;white-space:normal}

.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bar-block.center .bar-item{text-align:center}.block{display:block;width:100%}

.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
/*.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}*/
.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
.button:hover{color:#000000;background-color:#CCCCCC}

.input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}

.check,.radio{width:24px;height:24px;position:relative;top:6px}

.sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}

.card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}.centered tr th,.centered tr td{text-align:center}

.ul{list-style-type:none;padding:0;margin:0}.ul li{padding:8px 16px;border-bottom:1px solid #ddd}.ul li:last-child{border-bottom:none}

.left{float:left!important}.right{float:right!important}

.wide{letter-spacing:4px}

.tooltip,.display-container{position:relative}.tooltip .text{display:none}.tooltip:hover .text{display:inline-block}
.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}

.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
.container,.panel{padding:0.01em 16px}.panel{margin-top:16px;margin-bottom:16px}
.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}

.round-small{border-radius:2px}.round,.round-medium{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.round-xxlarge{border-radius:32px}

/* Full height image header */
.bgimg-1 {
  background-position: bottom center;
  background-size: cover;
  background-image: url("/images/cabecera1.jpg");
  min-height: 100%;
}

/*.w3-bar .w3-button {
  padding: 16px;
}*/


/*img{
	max-width:100%;
	height:auto;
	border-style:none;
	vertical-align:middle;
}*/

.image{max-width:100%;height:auto}img{border-style:none;vertical-align:middle}a{color:inherit}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

.col,.half,.third,.twothird,.threequarter,.quarter{float:left;width:100%}

@media only screen and (min-width: 600px) {
  /* For small devices: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3,.quarter {width: 25%;}
  .col-s-4,.third {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6,.half {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8,.twothird {width: 66.66%;}
  .col-s-9,.threequarter {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For medium devices - tablets: */
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 992px) {
  /* For large devices - desktop: */
  .col-l-1 {width: 8.33%;}
  .col-l-2 {width: 16.66%;}
  .col-l-3 {width: 25%;}
  .col-l-4 {width: 33.33%;}
  .col-l-5 {width: 41.66%;}
  .col-l-6 {width: 50%;}
  .col-l-7 {width: 58.33%;}
  .col-l-8 {width: 66.66%;}
  .col-l-9 {width: 75%;}
  .col-l-10 {width: 83.33%;}
  .col-l-11 {width: 91.66%;}
  .col-l-12 {width: 100%;}
}
@media only screen and (min-width: 1200px) {
  /* For extra large devices: */
  .col-xl-1 {width: 8.33%;}
  .col-xl-2 {width: 16.66%;}
  .col-xl-3 {width: 25%;}
  .col-xl-4 {width: 33.33%;}
  .col-xl-5 {width: 41.66%;}
  .col-xl-6 {width: 50%;}
  .col-xl-7 {width: 58.33%;}
  .col-xl-8 {width: 66.66%;}
  .col-xl-9 {width: 75%;}
  .col-xl-10 {width: 83.33%;}
  .col-xl-11 {width: 91.66%;}
  .col-xl-12 {width: 100%;}
}

@media (max-width:600px){.hide-small{display:none}}
@media (min-width:993px){.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}

.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}
.grayscale-max,.hover-grayscale:hover{filter:grayscale(100%)}
.grayscale{filter:grayscale(75%)}.grayscale-min{filter:grayscale(50%)}

.tiny{font-size:10px!important}.small{font-size:12px!important}.medium{font-size:15px!important}.large{font-size:18px!important}
.xlarge{font-size:24px!important}.xxlarge{font-size:36px!important}.xxxlarge{font-size:48px!important}.jumbo{font-size:64px!important}

.left-align{text-align:left!important}.right-align{text-align:right!important}.justify{text-align:justify!important}.center{text-align:center!important}
.vertical-align{vertical-align:middle!important}

.section,.code{margin-top:16px!important;margin-bottom:16px!important}

.border-0{border:0!important}.border{border:1px solid #ccc!important}
.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}

.margin{margin:16px!important}.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}
.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}

.padding-small{padding:4px 8px!important}.padding{padding:8px 16px!important}.padding-large{padding:12px 24px!important}
.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}
.padding-64{padding-top:64px!important;padding-bottom:64px!important}

/* Colores */
.black {color:#FFFFFF;background-color:#000000}
.white {color:#000000;background-color:#FFFFFF}
.grey,.hover-grey:hover{color:#000000!important;background-color:#9e9e9e!important}
.light-grey,.hover-light-grey:hover{color:#000000!important;background-color:#f1f1f1!important}
.dark-grey,.hover-dark-grey:hover{color:#ffffff!important;background-color:#616161!important}
.amarillo,.hover-amarillo:hover {color:#FFFFFF;background-color:#fdec08}
.azul1,.hover-azul1:hover {color:#FFFFFF;background-color:#00aac7}
.azul2,.hover-azul2:hover {color:#FFFFFF;background-color:#0095b8}
.azul3,.hover-azul3:hover {color:#000000;background-color:#e6f1f5}
.texto-azul1 {color:#00aac7}
.texto-azul2 {color:#0095b8}
.texto-azul3 {color:#00a8db}
.naranja1,.hover-naranja1:hover {color:#FFFFFF;background-color:#f6cdae}
.naranja2,.hover-naranja2:hover {color:#FFFFFF;background-color:#eb6a0a}
/*.azul3,.hover-azul3:hover {color:#000000;background-color:#e6f1f5}*/
.texto-naranja1 {color:#f6cdae}
.texto-naranja2 {color:#eb6a0a}

/*** FORMULARIO ***/
.cuadrotextoformulario {
	display: block;
	/*width: 300px;*/
	width:50%;
	margin: 10px 0 10px 0;
	/*font: 10pt 'Open Sans', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	border:1px #00aac7 solid;
}
.etiquetaformulario {
	display: block;
	/*width: 100px;*/
	margin: 20px 0 10px 0;
	/*font: 10pt 'Open Sans', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	/*margin-bottom: 10px;*/
	/*clear:both;*/
}
/*textarea { 
 font-family: 'Open Sans', sans-serif;
 border:1px #00aac7 solid;
 width:50%;
 margin-left:0;
 display: block;
 margin-bottom: 10px;
 padding:5px;
}*/
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}
.etiquetaopcion {
	width: 100%;
	float: left;
	margin:0 0 20px 0;
	color:#00aac7;
	/*font: 10pt 'Open Sans', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
}

.opcion {
	margin:10px 0 0 0;
}

.botonformulario{
    /*font: 10pt 'Open Sans', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size:14px;
	border:1px #a34bff solid;
    background-color:#00aac7;
	color:#FFFFFF;
    width:100px;
    margin:20px 0 0 0;
	padding:10px;
}

#textoformulario {
	/*width:100%;*/
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	/*font: 10pt 'Open Sans', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
}


.etiqueta {
	display: block;
	width: 200px;
  	font-family: 'Open Sans', sans-serif;
  	/*font-weight:500;
	font-size:1em;*/
	float: left;
	margin:5px 0 0 0;
	clear:both;
}

.cuadrotexto {
	display: block;
	width: 300px;
	height:30px;
	margin: 5px 0 0 0;
	padding:0 0 0 5px;
  	font-family: 'Open Sans', sans-serif;
  	/*font-weight:500;
	font-size:1em;*/
	border:1px #00aac7 solid;
	color:#808080;
	float:left;
}

.camposobligatorios{
	display:block;
	width:100%;
}

/*input:required {
    background-color:#FFFFFF;
    border:1px solid #a34bff;
}

textarea:required {
    background-color:#FFFFFF;
    border:1px solid #a34bff;
}

input:valid,
input:in-range {
    background-color:#FFFFFF;
    border:1px solid #a34bff;
}

input:invalid,
input:out-of-range {
    background-color:#FFFFFF;
    border:1px solid #a34bff;
	box-shadow: none !important;
}*/

textarea:valid,
textarea:in-range {
    background-color:#FFFFFF;
    border:1px solid #00aac7;
}

textarea:invalid,
textarea:out-of-range {
    background-color:#FFFFFF;
    border:1px solid #00aac7;
	box-shadow: none !important;
}
/*** FIN FORMULARIO ***/