@charset "utf-8";
/* CSS Document */

#inicioSolitude { background: url(../lasolitude/back1-1.jpg) center  top no-repeat fixed #D8D2C8 ; background-size: 100% 100%; text-align:left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#menuSolitude{ margin:0 auto ; position:fixed ; width: auto; z-index:30; top:40px}
#menuSolitude nav{ margin: 0 auto ; width: auto; background:#00A99D; font-family:'denseregular'; text-align: right;}
#menuSolitude nav ul{ list-style: none outside none; color: #FFF; margin:0 ; text-transform:uppercase; 	font-size: 1.3rem;}
#menuSolitude nav ul li {display: inline; color:#E5B34D ; margin:0 ; } 
#menuSolitude nav ul li a {color: #534741; text-decoration:none;  padding: 8px 10px 8px 10px ; font-family: 'denseregular';
  letter-spacing: 1px;  line-height: 34px;
	-webkit-transition-property: 'background'; -moz-transition-property: 'background'; -o-transition-property: 'background'; -ms-transition-property: 'background';
  	transition-property: 'background';
  	-webkit-transition-duration: 140ms; -moz-transition-duration: 140ms; -o-transition-duration: 140ms; -ms-transition-duration: 140ms; transition-duration: 140ms;
 -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; -ms-transition-delay: 0; transition-delay: 0;}
#menuSolitude nav ul li a:hover { color: 	#534741; background-color: #047065 ; opacity:1.0}
#menuSolitude nav ul li:hover > ul {display: block; opacity: 1.0;}
#menuSolitude nav ul:after {
    clear: both;
    content: "";
    display: block;
}
#menuSolitude nav ul li:hover a {
    color: #534741 ; background-color: #048E81;
}
/*menu*/
#content2 { width:90%; max-height:600px; margin: 0 auto; padding:20px }

#content3 { width:90%; max-height:600px; margin: 0 auto; padding:20px; text-align:center }

#sinopsisSoli { font-size:13px; font-size:1.1rem;  background: #00A99D; color:#FFF; font-family: rockwell; text-align:justify}

.sinopsisBack { background: url(../lasolitude/sinopsis.png) center center; min-height: 600px; }

#hSinopsisSoli{  color: #FFF;  clear:both; font-family: rockwell; text-align:left; font-size:4.5rem; padding:20px; clear:both}

#imagenesSoli{background: url(../lasolitude/back-galeria.png) center  top no-repeat fixed #FFF ; background-size: 100% 100%; text-align:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#hGaleriaSoli{ background:rgba(0, 169, 147, 0.7); font-family: rockwell ; font-size:4.5rem; padding:20px; color: #FFF; width:auto; max-width:400px; text-align:left}

#festivalesSoli{background: url(../lasolitude/back-festivales.png) center  top no-repeat fixed #FFF ; background-size: 100% 100%; text-align:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #FFF !important}
#hFestivalesSoli{ background:rgba(255, 255, 255, 0.7); font-family: rockwell; font-size:4.5rem; padding:20px; color: #00A99D; width:auto; max-width:400px; text-align:left}

#agradecimientosSoli{background: url(../lasolitude/back-agradecimientos.png) center  top no-repeat fixed #FFF ; background-size: 100% 100%; text-align:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#00554F}
#hAgradecimientosSoli{ background:rgba(0, 169, 147, 0.7); font-family: rockwell ; font-size:3.5rem; padding:20px; color: #FFF; width:auto; max-width:500px; text-align:left;}
#contactoSoli{background: url(../lasolitude/back-contacto.png) center  top no-repeat fixed #FFF ; background-size: 100%  100%; text-align:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#FFF; font-family: rockwell ; height: 700px !important;}
#hContactoSoli{ background:rgba(255, 255, 255, 0.7); font-family: rockwell ; font-size:4.5rem; padding:20px; color: #00A99D; width:auto; max-width:400px; text-align:left}
.rockwellFont{ font-family: rockwell; font-size:1.2rem !important; line-height:15px !important;}


@font-face {
    font-family: 'rockwellregular';
    src: url('../fonts/rock-webfont.eot');
    src: url('../fonts/rock-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rock-webfont.woff2') format('woff2'),
         url('../fonts/rock-webfont.woff') format('woff'),
         url('../fonts/rock-webfont.ttf') format('truetype'),
         url('../fonts/rock-webfont.svg#rockwellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face { font-family: rockwell ; src:url(../fonts/rock.ttf); }
@font-face { font-family: rockwellI ; src:url(../fonts/rocki.ttf); }
@font-face { font-family: rockwellB ; src:url(../fonts/rockb.ttf); }
@font-face { font-family: rockwellBI ; src:url(../fonts/rockbi.ttf); }

.formSoli { border:0 ; background: #66CBC4; padding: 5px 5px; font-style: italic;  color: #00554F ; margin-top: 3px;}
.formSoli:hover {  border:3px  solid 00A99D; background: #CCEEEB;  }
.formSoliBtn {  color:#00554F ;background: #66CBC4; font-family: rockwell ; padding: 8px 15px; text-transform:uppercase; letter-spacing:2px; font-size:16px; font-size:1.6rem; border: none;}
.formSoliBtn:hover {  background: #00554F; color: #66CBC4;}