/* Colores */

.w3-color-primario,.w3-hover-color-primario:hover{color:#fff!important; background-color:#ED6C21!important}
.w3-text-color-primario,.w3-hover-text-color-primario:hover{color:#ED6C21!important}
.w3-border-color-primario,.w3-hover-border-color-primario:hover{border-color:#ED6C21!important}

.w3-color-secundario{color:#FFFFFF!important; background-color:#BBBBBB!important}
.w3-color-secundario:hover{color:#FFFFFF!important; background-color:#BBBBBB!important}
.w3-text-color-secundario{color:#CCCCCC!important}
.w3-text-color-secundario:hover{color:#CCCCCC!important; background-color:#ED6C21!important}
.w3-border-color-secundario:{border-color:#CCCCCC!important}
.w3-border-color-secundario:hover{border-color:#CCCCCC!important}


/* Colores theme */

.w3-theme-l5 {color:#000 !important; background-color:#fff3f0 !important}
.w3-theme-l4 {color:#000 !important; background-color:#ffd6cc !important}
.w3-theme-l3 {color:#000 !important; background-color:#ffad99 !important}
.w3-theme-l2 {color:#000 !important; background-color:#ff8566 !important}
.w3-theme-l1 {color:#fff !important; background-color:#ff5c33 !important}
.w3-theme-d1 {color:#fff !important; background-color:#e62e00 !important}
.w3-theme-d2 {color:#fff !important; background-color:#cc2900 !important}
.w3-theme-d3 {color:#fff !important; background-color:#b32400 !important}
.w3-theme-d4 {color:#fff !important; background-color:#991f00 !important}
.w3-theme-d5 {color:#fff !important; background-color:#801a00 !important}

.w3-theme-light {color:#000 !important; background-color:#fff3f0 !important}
.w3-theme-dark {color:#fff !important; background-color:#801a00 !important}
.w3-theme-action {color:#fff !important; background-color:#801a00 !important}

.w3-theme {color:#fff !important; background-color:#ff3401 !important}
.w3-text-theme {color:#ff3401 !important}
.w3-border-theme {border-color:#ff3401 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#ff3401 !important}
.w3-hover-text-theme:hover {color:#ff3401 !important}
.w3-hover-border-theme:hover {border-color:#ff3401 !important}



/* Fuentes */

html,body{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:14px;
	line-height:1.4;
	color:#333333;
}

html{overflow-x:hidden}

p{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	line-height: 1.4;
}

h1{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:36px; 
	color:#ED6C21;
}

h2{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:30px;
}

h3{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:24px; line-height: 1.0; 
}

h4{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:16px;
	line-height: 1.4
}

h5{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:12px
}

h6{
	font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:10px
}

.w3-myfont {
  font-family:'Open Sans Light', 'Open Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
}

.letraElegante{
    font-family:'Open Sans Light', 'Open Sans', "HelveticaNeue-UltraLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight:lighter;
}


form {
  width: 100%;
  margin: 0 auto;
}


form input {
   margin-bottom: 10px; 
}


form textarea {
   margin-bottom: 10px; 
}


/* Elementos */


.mySlides {display:none;}

.correoDA{
	width: 140px;
	height: 20px;
	background-size: 140px 20px;
	background-image: url(../images/tema/boton_correo_da_blanco.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}



.noEstirable{
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
}


#caratula{
	width: 100%;
	height: 630px;
	background: url(../images/ritual_largo.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


#marca{
   	width: 200px;
	height: 200px; 
}



#w3-display-anclajePortada{position:absolute;left:0;bottom: :0}
@media (min-width:601px){#w3-display-anclajePortada{position:absolute;left:0;bottom:0}}


.icono {
    position: relative;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	height: 24px;
	width: 24px;
}


.icono:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.iconoNormal {
    position: relative;
	height: 24px;
	width: 24px;
}



