/* Club Cubana Goa 2014 Style Sheet */

* {margin:0;padding:0}
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
body,html {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size:100%;
	color:#FFFFFF;
	}
img {
width: 100%;
height: auto;
}
h1 {
width:30%;
margin:10% auto auto auto;
font-size:1em;
color:#666666;
text-transform:uppercase;
text-align:center;
background-image:url(images/bg_body_blk.png);
border:#563957 thin dotted;
line-height:1.5;
}
p {
color:#FFFFFF;
margin-bottom:1.5em;
}
.centeralign {
text-align:center;
}

a:link {
color:#FFFFFF;
text-decoration:none;
}
a:hover,a:active
{
text-decoration:underline;
}

ul
{
list-style-type:none;
}
li
{
display:inline;
padding:0 0.6% 0 0%;
}
/*START FULL PAGE BG*/
#bg_full {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:0;
background: url(images/bg_hp1.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*END FULL PAGE BG*/

/*PLACE HOLDER*/
#container {
position:relative;
width:94%;
margin:3% auto auto auto;
z-index:2;
}
/*LOGO*/
#container #logo {
position:relative;
margin:0 1em auto 0;
width:10%;
height:auto;
box-shadow: 2px 3px 13px #28009A;
float:left;
}
/*NAME*/
#container #name {
position:relative;
margin:1% 0 1em 1%;
width:28%;
height:auto;
float:left;
}
/*MAIN CONTENT BODY*/
#holder_body {
position:absolute;
width:100%;
height:45%;
bottom:25%;
clear:both;
z-index:2;
overflow:auto;
}
#holder_body .contact_colslh {
position:relative;
width:35%;
float:left;
padding-top:2em;
padding-left:8%;
}
#holder_body .contact_colslh img.map , .contact_colsrh img.map{
width:75%;
margin:1.5em auto 1.5em 12% ;
}
#holder_body .contact_colsrh {
position:relative;
width:35%;
float:left;
padding-top:2em;
padding-left:7%;
}
iframe {
margin: 1.5% auto auto 15%;
border: none;
width: 70%;
height: 97%;
background-image:url(images/bg_body_blk.png);
color:#FFFFFF;
}
/*LINKS*/
#bg_footer {
position:fixed;
left:0;
bottom:0;
width:100%;
min-height: 25%;
text-align:center;
z-index:3;
}
#links {
position:absolute;
left:0%;
bottom:2em;
width:100%;
text-align:center;
border-bottom:#563957 thin dotted;
padding-bottom:1.0em;
z-index:2;
}
#links img, #links a , #links a:link , #links a:visited , #links a:active  {
width:4%;
height:auto;
}
/*COPYRIGHT*/
.copyright {
position:fixed;
right:1%;
bottom: 1%;
font-size:0.5em;
color:#563957;
}

/* Start Media Queries */

@media all and (max-width: 1024px) {
#links img, #links a , #links a:link , #links a:visited , #links a:active {
width:5%;
}
}

@media all and (max-width: 800px) {
#links img, #links a , #links a:link , #links a:visited , #links a:active {
width:6%;
}
#holder_body .contact_colslh {
width:49%;
padding-left:1%;
}
#holder_body .contact_colslh img.map , .contact_colsrh img.map{
width:100%;
margin:1.5em auto 1.5em 0% ;
}
#holder_body .contact_colsrh {
width:48%;
padding-left:1%;
}
}

@media all and (max-width: 640px) {
body,html {
	font-size:90%;
	}
#container #logo {
width:13%;
}
#container #name {
width:36%;
}
#links img, #links a , #links a:link , #links a:visited , #links a:active {
width:7%;
}
#holder_body .contact_colslh {
width:49%;
padding-left:1%;
}
#holder_body .contact_colslh img.map , .contact_colsrh img.map{
width:100%;
margin:1.5em auto 1.5em 0% ;
}
#holder_body .contact_colsrh {
width:48%;
padding-left:1%;
}
}

@media all and (max-width: 540px) {
#container #logo {
width:15%;
}
#container #name {
width:39%;
}
#links img, #links a , #links a:link , #links a:visited , #links a:active {
width:8%;
}
#holder_body .contact_colslh , #holder_body .contact_colsrh {
width:80%;
margin:auto;
float:none;
}
}

@media all and (max-width: 480px) {
#container #logo {
width:15%;
}
#container #name {
width:39%;
}
#links img, #links a , #links a:link , #links a:visited , #links a:active {
width:9%;
}
}

@media all and (max-width: 320px) {
#container #logo {
width:20%;
}
#container #name {
width:50%;
}
#links img, #links a , #links a:link , #links a:visited , #links a:active {
width:12%;
}
}