@charset "utf-8";
/* Clearfix */
.clear:before, .clear:after {
    content: " ";
    display: table;
}
 
.clear:after {
    clear: both;
}
 
.clear {
    *zoom: 1;
}
 
a#pull {
    display: none;
}

/* AUDIO */
.audiobox{width:40%; margin:auto;}
audio{width:100%;}
.audiobox p{color: #FFFFFF;
font-family: "century gothic";
font-size:16px;
line-height:35px;
text-align:center;}

/* CSS Document */
body{
background-image:url(../images/bg.gif);
background-repeat:repeat;
width:100%;
height:100%;
overflow-x: hidden;
}
#contenedor{
margin: 0 auto;
width:100%;
height: 600px;
}
.clsContenido h2{
padding-left: 300px;
align: left;
font-size:50px;	
	
}

.divespacio{
width:100%;
height:100px;
}

#marca, #marca2{
position:absolute;
display: block;
background-image: url(../images/marca2.png);
margin: 0 0 0 0;
background-repeat:no-repeat;
z-index:1000;
width:300px;
height: 300px;
}


/* iconos redes sociales*/

#iconos {
position: fixed;
float:left;
bottom: 1%;
left: 83% ;
width:150px;
height:30px;
z-index:5;
}
#ico {
float:left;
width:30px;
height:30px;
background-image:url(../images/iconf.png);
background-repeat:no-repeat;
z-index:5;
}

#ico a {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/iconf.png) no-repeat top;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
cursor:pointer;
}
#ico a:hover {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/iconf.png) no-repeat bottom;
}
#icot {
float:left;
margin-left:5px;
width:30px;
height:30px;
background-image:url(../images/icont.png);
background-repeat:no-repeat;
z-index:5;
}

#icot a {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/icont.png) no-repeat top;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
cursor:pointer;
}
#icot a:hover {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/icont.png) no-repeat bottom;
}

#icod {
float:left;
margin-left: 5px;
width:30px;
height:30px;
background-image:url(../images/icond.png);
background-repeat:no-repeat;
z-index:5;
}

#icod a {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/icond.png) no-repeat top;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
cursor:pointer;
}
#icod a:hover {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/icond.png) no-repeat bottom;
}	
#icoi {
float:left;
margin-left: 5px;
width:30px;
height:30px;
background-image:url(../images/iconi.png);
background-repeat:no-repeat;
z-index:5;
}

#icoi a {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/iconi.png) no-repeat top;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
cursor:pointer;
}
#icoi a:hover {
display:block;
width:30px;
height:30px;
text-decoration:none;
background:url(../images/iconi.png) no-repeat bottom;
}			
#nav {
position: fixed;
float:left;
padding-left:18%;
bottom: 0;
width:100%;
height:45px;
background-image:url(../images/dot.png);
background-repeat:repeat;
background-color: rgba(255,255,255,0.2);
margin: 0 0 0 0;
z-index:5;
}

#nav > li {
display:inline-block;
font-family:"century gothic";
font-size:14px;
color:#FFFFFF;
padding:1em;
margin:0;
}
ul li a{
text-decoration: none;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
outline: 0;
float: left;

}
ul li a:hover{
color:#FFFFFF;
text-shadow: 0px 0px 15px #FFFFFF;
behavior:url(../scripts_IE/PIE.htc);
}

/* Vídeos */
.YTvideos {
position: relative;
padding-bottom: 56.25%;
padding-top: 200px;
height:0; 
overflow: hidden;
z-index:1;
}
.YTvideos iframe,
.YTvideos object,
.YTvideos embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Contacto */

.contacto	{
width: 80%;
height: 800px;
margin-left: 35%;
}

.contacto p{
color: #FFFFFF;
font-family: "century gothic";
font-size:14px;
line-height:15px;
text-align:justify;
}

.textarea{
width:450px;
height:200px;
display:block;
border: 1px solid #999999;
background-color: #FFFFFF;
-moz-box-shadow:1px 1px 12px #000;
-webkit-box-shadow:1px 1px 12px #000;
box-shadow:1px 1px 12px #000;
opacity:0.9;
-moz-border-radius:10 px;
-webkit-border-radius:10 px;
border-radius: 10px;
}
.input{
width:250px;
display:block;
border: 1px solid #999999;
background-color: #FFFFFF;
opacity:0.9;
-moz-border-radius:10 px;
-webkit-border-radius:10 px;
border-radius: 10px;
}



@media screen and (max-width: 1024px) { 

#iconos {
left: 89% ;
bottom: 25%;
width:30px;
height:120px;
}
#icot {
float:left;
margin-left:0;}
#icod {
float:left;
margin-left:0;}
#icoi {
float:left;
margin-left:0;}


#marca2{
background-image: none;
}
#nav {
padding-left:20%;
height:20px;
top: 1%;
}
#nav > li {
font-size:45%;
padding:0.5em;
}
#marca{
background-image: url(../images/marca05.png);
width:120px;
height:120px;
margin: 2% 0 0 2%;
}



.contacto	{
margin-left: 10%;
}

.textarea{
width:250px;
height:200px;}


}