/* CSS Document */

body {background-color:#ffffff;}

.jumbotron p {font-family:'Open Sans', Arial, Helvetica, sans-serif;}

label {font-family:'Open Sans', Arial, Helvetica, sans-serif;}

input[type=name], input[type=email] {font-family:'Open Sans', Arial, Helvetica, sans-serif;} 

textarea {font-family:'Open Sans', Arial, Helvetica, sans-serif;}

a.link-white:link {color:#ffffff;}
a.link-white:hover {color:#f7f7f7;}
a.link-white:visited {color:#ffffff;}

.scrolltop {
    bottom: 20px;
    display: none;
    
    left: auto;
    overflow: hidden;
    padding: 17px 16px;
    position: fixed;
    right: 20px;
    top: auto;
    
    z-index: 90;
}

/*--- cookies ---*/
#cookie_banner{position:fixed;z-index:10000;bottom:10px;width:100%;text-align:center;padding:15px;background:rgba(0, 0, 0, 0.75);border:1px solid #971111;box-shadow:#000000 0px 0px 10px;line-height:25px;}
#cookie_banner, #cookie_banner a{color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size:14px;}
#cookie_banner_accept, #cookie_banner_decline{background-color:#971111;border:none;padding:0px 10px;color:#FFFFFF;border-radius:5px;line-height:25px;margin-left:10px;cursor:pointer;}


.slogan {color: white;
    margin-top: 36px;
    text-shadow: 0px 0px 6px #000000;}

.top-glue {position: absolute;
    z-index: 10000;
    top: 0;
    width: 100%;
    padding: 0;}

.f-top {padding: 0;margin: 0;background-color: #ffffff; -webkit-box-shadow: 0px 8px 16px -9px rgba(0,0,0,0.64);
-moz-box-shadow: 0px 8px 16px -9px rgba(0,0,0,0.64);
box-shadow: 0px 8px 16px -9px rgba(0,0,0,0.64);}

.f-top p {color:#333333 !important; font-size:14px; margin:18px 0 !important; line-height: 1.6; }

.border-blue {border: solid 4px #3878af; margin:0;}

.fondo-01 {background:#000 url(../images/fondo-01.jpg) center no-repeat; background-size: cover; min-height:430px; margin:0;}

.aviso {margin-top: 150px; padding-left: 0;}

.aviso p {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 130%; margin:0; text-transform:uppercase; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}

.aviso h1 {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 180%; margin:0; text-transform:uppercase; margin-top:12px; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}

@media screen and (min-width: 768px) {
	
	.fondo-01 {background:#000 url(../images/fondo-01.jpg) center no-repeat; background-size: cover; min-height:730px; margin:0;}
	
	.aviso {margin-top: 260px;}

    .aviso h1 {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 250%; margin:0; text-transform:uppercase; margin-top:12px; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}

    .aviso p {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 150%; margin:0; text-transform:uppercase; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}
	
}

@media screen and (min-width: 992px) {
	
	.fondo-01 {background:#000 url(../images/fondo-01.jpg) center no-repeat; background-size: cover; min-height:730px; margin:0;}
	
	.aviso {margin-top: 310px;}

    .aviso h1 {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 300%; margin:0; text-transform:uppercase; margin-top:12px; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}

    .aviso p {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 200%; margin:0; text-transform:uppercase; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}
	
}

@media screen and (min-width: 1200px) {
	
	.fondo-01 {background:#000 url(../images/fondo-01.jpg) center no-repeat; background-size: cover; min-height:730px; margin:0;}
	
	.aviso {margin-top: 310px;}

    .aviso h1 {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 300%; margin:0; text-transform:uppercase; margin-top:12px; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}

    .aviso p {color: #ffffff;
    font-family: 'Varela Round', Arial, Helvetica, sans-serif;
    font-size: 200%; margin:0; text-transform:uppercase; background-color: rgba(0, 51, 127, 0.75);
    display: table !important;}
	
}


.fondo-02 {background:#ffffff url("../images/edificios.jpg") center no-repeat; margin:0; padding: 60px; background-size: cover;}

.fondo-02 h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02 p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02 h3 { font-size:large !important; line-height:1.6;}

.fondo-02-nil {background:#ffffff url("../images/aceites-animales-vegetales.jpg") center no-repeat; margin:0; padding: 60px; background-size: cover;}

.fondo-02-nil h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02-nil p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02-nil h3 { font-size:large !important; line-height:1.6;}

@media screen and (min-width: 768px) {
    
    .fondo-02 {background:#ffffff url("../images/edificios.jpg") center no-repeat; margin:0; padding: 100px;}

.fondo-02 h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:x-large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02 p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02 h3 { font-size:large !important; line-height:1.6;}

.fondo-02-nil {background:#ffffff url("../images/aceites-animales-vegetales.jpg") center no-repeat; margin:0; padding: 100px;}

.fondo-02-nil h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:x-large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02-nil p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02-nil h3 { font-size:large !important; line-height:1.6;}
    
}

@media screen and (min-width: 992px) {
    
    .fondo-02 {background:#ffffff url("../images/edificios.jpg") center no-repeat; margin:0; padding: 120px;}

.fondo-02 h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02 p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02 h3 { font-size:large !important; line-height:1.6;}

.fondo-02-nil {background:#ffffff url("../images/aceites-animales-vegetales.jpg") center no-repeat; margin:0; padding: 120px;}

.fondo-02-nil h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02-nil p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02-nil h3 { font-size:large !important; line-height:1.6;}
    
}

@media screen and (min-width: 1200px) {
    
    .fondo-02 {background:#ffffff url("../images/edificios.jpg") center no-repeat; margin:0; padding: 140px;}

.fondo-02 h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02 p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02 h3 { font-size:large !important; line-height:1.6;}

.fondo-02-nil {background:#ffffff url("../images/aceites-animales-vegetales.jpg") center no-repeat; margin:0; padding: 140px;}

.fondo-02-nil h1, .fondo-02 h2, .fondo-02 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold; line-height: 1.5;
    text-shadow: 2px 2px 0px #000;}

.fondo-02-nil p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-02-nil h3 { font-size:large !important; line-height:1.6;}
    
}

.fondo-03 {background-color:#85d6de;}

.fondo-03 p {color:white !important; margin:20px 0 !important;}

.fondo-04 {color:#333333; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold; background-color: #FF9800; margin: 0;}

.fondo-04 h1, .fondo-04 h2 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold;}

.fondo-04 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:large; font-weight:bold;}

.fondo-04 p {color:#ffffff; font-size:16px; line-height: 1.8;}

.fondo-05 {background-color:#333333; margin:0;}

.fondo-05 h1, .fondo-05 h2, .fondo-05 h3 {color:#ffffff; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold;}

.fondo-05 p {color:#ffffff; font-size:16px; line-height: 1.8;}

.fondo-05 h3 { font-size:large !important; line-height:1.6;}

.fondo-05-02 {background-color:#f7f7f7; margin:0;}

.fondo-05-02 h1, .fondo-05-02 h2, .fondo-05-02 h3 {color:#00337f; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold;}

.fondo-05-02 p {color:#333333; font-size:16px; line-height: 1.8;}

.fondo-05-02 h3 { font-size:large !important; line-height:1.6;}

.fondo-06 {background-color:#ffffff; margin:0;}

.fondo-06 h1 {color:#333333; font-family:'Varela Round', Arial, Helvetica, sans-serif; font-size:xx-large; margin:0;}

.fondo-06 p, .fondo-06 label {color:#333333; font-size:16px;}

.btn {border-radius: 30px;
    padding: 18px 36px;
    color: #ffffff;
    background-color: #36474a;
    display: block;
    margin: 43px auto;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: large;
    border: solid 2px #ffffff;}
	
	
.fondo-07 {background-color:#00337f; margin:0;}

.fondo-07 h1 {color:#ffffff; font-family:'Varela Round', Arial, Helvetica, sans-serif; font-size:xx-large; margin:0;}

.fondo-07 p {color:#ffffff; font-size:16px; line-height:1.4;}

.borde-suavecito {border: solid 1px #758594; margin-bottom:12px;}

.fondo-08 {background:#ffffff; border-top: solid 4px #00337f;  margin:0;}
.fondo-08 p {color:#333333; font-size:14px;}

.fondo-09 {background: #333333;/* border-top: solid 4px #ffffff; */margin: 0;padding: 0;}
.fondo-09 p {color:#ffffff; font-size:14px; padding:20px 0 !important; margin-bottom: 0;}

.white {color:white; margin-right:6px;}

.blue {color:#00337f; margin-right:6px;}

.btn-news {border-radius: 0;
    padding: 8px 25px !important;
    color: white;
    background-color: #34495e;
    display: inline;
    margin: 0;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    border: none !important;}
	
a.link-white:link {color:#ffffff;}
a.link-white:visited {color:#ffffff;}

a.link-grey:link {color:#333333;}
a.link-grey:visited {color:#333333;}

a.link-footer:link {color:#758594;}
a.link-footer:visited {color:#758594;}

/* menu top*/

#top-menu {margin: 12px 0 0 0;
    padding: 0;
    background-color: #ffffff;
    display: inline-block;
    float: right;}
#top-menu li {list-style:none; float:left; padding:6px 12px;}

/* skype button */

#SkypeButton_Call_aurea-support_1 {margin:0 !important;}
#SkypeButton_Call_aurea-support_1 img {margin:0 !important; vertical-align: 0px !important;}
#SkypeButton_Call_aurea-support_1 a {color:#758594;}

/* form */

.help-block {color:#ffffff !important; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; background-color:red; padding:6px; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; display:inline-block; font-size:small;}

/* mapa */

.mapa {width: 100%;
    height: 400px;
    border: 0;}

/* colegios */

#colegios {margin: 0; padding: 0;}
#colegios li {float: left;
    list-style: none;
    margin: 12px;
    border: solid 1px #ddd;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);}

#colegios li {opacity: 0.6; -webkit-transition:all .6s ease; /* Safari y Chrome */
-moz-transition:all .6s ease; /* Firefox */
-o-transition:all .6s ease; /* IE 9 */
-ms-transition:all .6s ease; /* Opera */
}
#colegios li:hover {opacity: 1; -webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);}
#colegios li:visited {opacity: 0.6; -webkit-transition:all .6s ease; /* Safari y Chrome */
-moz-transition:all .6s ease; /* Firefox */
-o-transition:all .6s ease; /* IE 9 */
-ms-transition:all .6s ease; /* Opera */
}