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

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

header, section, footer, aside, nav, article, figure, figcaption, hgroup {display: block;}
h1 > mark {background:none; color: brown;}
h2 > mark {background:none; color: brown;}
h2 > u > mark {background:none; color: brown;}
h3 > u > mark {background:none; color: black;}
p {text-align:justify;}
h1 {font-family:verdana, sans-serif; font-size:1.4em; color:brown; font-weight:bold; text-decoration:underline; text-align:center; margin-top: 30px;}
h2 {font-family:verdana, sans-serif; font-size:1.2em; color:brown; font-weight:bold; text-decoration:none; text-align:center;  margin: 20px auto;}
h3 {font-family:verdana, sans-serif; text-align:justify; font-size:0.8em; }
.imagenesseguidas {float:left; margin:0px 0px 0px 20px; }
figcaption {font: italic 14px verdana, sans-serif;}
body {text-align:center;}
.saltolinea {clear:both;}
.textocentrado { text-align:center;}
.letrasrojo { color:brown;}
body {background-color: white; }
body {background-repeat: no-repeat;}
body {background-position: 50% 0;}
body {margin: 0px 0px 0px 0px;}
.ul-justificado50 {margin: 10px 0px 10px 50px; text-align:justify; list-style:none; }
.titulo {text-shadow: rgba(0,0,150,0.5) 2px 2px 4px; color: hsla(10, 100%, 25%, 0.8);}
#titulo {text-shadow: rgba(0,0,150,0.5) 2px 2px 4px; color: hsla(10, 100%, 25%, 0.8);}
#global {width:85%; max-width:100%; margin:4px auto;}

@media screen and (max-width: 600px){
    #global{
        width:100%;
    }
}

#cabecera {background-color:white; height:85px;}
#logotipo {width:280px ;float:left;}
#publicidad {width:678px; float:right; margin-top:25px ;font-size: 16px;}
.publicidad {width:678px;}
#navegacion {background-color:white; height:100%; margin-top: 50px}
#navegacion ul { margin: 5px 0px;}
#navegacion li {display: inline-block; list-style:none;text-align:center; border: solid hsla(231,90%,44%,0.89) 2px; margin:5px; padding:15px;}
#contenido ul { margin: 5px 0px;}
#contenido li {display:list-item; list-style:circle; margin:15px 30px 15px 30px;text-align:justify;}
#contenido {background-color: white; padding-bottom:20px;}
#contenido p {padding:5px 20px 5px 20px; text-indent:15px;}
#contenido h3 {padding:5px 10px 5px 10px; text-indent:15px;}
#comentario {text-align:center; background-color: #EDCA7C ; border-radius:7px; border: solid #E44406 2px ;}
#menu {background-color:white; border-radius: 8px; box-shadow: rgb(150,150,150) 5px 5px; border:black 1px solid; width:160px; float:left; text-align:left; margin:10px 10px 10px 10px; padding:0px 2px 15px 2px; }
#menu li {list-style:none; margin:4px 5px 4px 5px;}
#menu a {list-style:none; margin:4px 5px 4px 5px;}
#menu p {color:black; text-decoration:none;  text-indent:0px; font-weight:bold; font-size:15px; padding-top:12px;}
#navegacion a {color: #000080; text-decoration:none; display: block; font-weight:bold; font-size:1.4em;}
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:black ; text-decoration:underline ; background-color: #DBDBDB; }
#navegacion a:active {color:black}
a {color:blue; text-decoration:none;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color: silver;}
a:active {}
#pie {clear: both; background-color:white; height: 95px ;}
#pie li {list-style:none; font-size:15px;}
#pieuno {float:left; /*width:24%; */margin-top:2px;}
#piedos {float:left; /*width:50%; */margin-top:2px;}
#pietres {float:left; /*width:24%; */margin-top:2px;}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#pie li {
    display:inline-block;
    padding:0px 12px;
    margin:0px 90px;
}
@media all and (max-width: 1200px) {
#pie li {
        display: inline-block;
        padding:0px 6px;
        margin:0px 50px;
    }
}
@media all and (max-width: 840px) {
#pie div{
        margin:0px;
        padding:0px;
        padding-left:25%;
		padding-top:3px;
        display:block;
        float:none;
        text-align:left;
    }
}
@media all and (max-width: 650px) {
#pie div{
        padding-left:3%;
		padding-top:3px;
		font-size:12px;
    }
}

#curva-inferior {background-image:url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden;}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#sangria50 {padding-left:50px;}
#sangria100 {padding-left:100px;}
.sangria50 {padding-left:50px;}
.sangria100 {padding-left:100px;}

/*cookies*/
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:10px;
    width:100%;
    text-align:center;
    min-height:10%;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}

@media screen and (max-width:1611px){
	#barraaceptacion{min-height:30%;
	}
}

@media screen and (max-width:815px){
	#barraaceptacion{min-height:35%;
	}
}

@media screen and (max-width:530px){
	#barraaceptacion{min-height:45%;
	}
}

@media screen and (max-width:360px){
	#barraaceptacion{min-height:60%;
	}
}

@media screen and (max-width:320px){
	#barraaceptacion{min-height:70%;
	}
}

@media screen and (max-width:250px){
	#barraaceptacion{min-height:75%;
	}
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
	padding-rigth:5px;
    font-family:verdana;
    font-size:1em;
    top:20%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}
/*fin cookies*/

/*para videos de youtube*/
@media all and (max-width : 815px ){
.video iframe{
	    width:400px;
		height:225px;
		font-size:12px;
    }
}

@media all and (max-width : 438px ){
.video iframe{
	    width:300px;
		height:169px;
		font-size:12px;
    }
}
/*fin para videos de youtube*/


@media all and (max-width : 815px ){
.formulascondibujo{
	    width:400px;
		
    }
}

@media all and (max-width : 438px ){
.formulascondibujo{
	    width:300px;

    }
}

@media all and (max-width : 815px ){
.formulascondibujo figure{
	    width:400px;
		
    }
}

@media all and (max-width : 438px ){
.formulascondibujo figure{
	    width:300px;

    }
}

@media all and (max-width : 438px ){
.formulascondibujo img{
	    width:60%;

    }
}

@media all and (max-width : 815px ){
.formulascondibujo img{
	    width:60%;
		
    }
}

@media all and (max-width : 815px ){
.formulascondibujo img.amplioEnMovil{
			width:80%;
		
    }
}


@media all and (max-width : 815px ){
.formulasdibujo{
	    width:400px;
		
    }
}

@media all and (max-width : 438px ){
.formulasdibujo{
	    width:300px;

    }
}


@media all and (max-width : 438px ){
.formula300, .formula400, .formula500{
		font-size:0.8em;

    }
}

@media all and (max-width : 438px ){
.formula600, .formula700, .formula600movil{
		font-size:0.6em;

    }
}

@media screen and (max-width : 750px ){
.formula600{
	display:none;
}
}
@media screen and (min-width: 750px) {
.formula600movil{
	display:none;
}
}

/*formulario de contacto*/
.form-consulta {max-width: 500px; background: #eee; padding: 25px; font-family: 'Source Sans Pro', sans-serif;}
.campo-form {width:100%; height:36px; margin:2px 0px 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}
label span {color: #f00}
textarea {min-height: 150px!important;}
.btn-form {cursor:pointer; display: inline-block; border:0; background: #14934A; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}
.btn-form:hover {background: #444}
/*termina formulario de contacto*/

.whatsapp a {
	margin: 5px 10px;
	float: right;
	font-size:0.8em;
}

@media (min-width: 668px) {
.whatsapp { display: none }
}

.ir-arriba {
	display:none;
	padding:20px;
	background:#f5e4b1;
	opacity: 0.5;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:30px;
	left:20px;
}

@media screen and (max-width : 720px ){
ul.resumen > li > p > a > img{
	width:60%;
}
}