/***************************************/
/*   CSS Main Style Sheet SkyDesigns   */
/*   Website Developed By SkyDesigns   */
/*   For More Information, visit us at */
/*   http://www.skydesigns.com.mx      */
/***************************************/

/********** Body General Elements **********/
@font-face { font-family: Futura; font-weight: bold; src: url('../fonts/futuram.ttf'); }
html, body { margin:0; padding:0; width:100%; height:100%; overflow:hidden; font-family: Futura; }
a img { border: none; }
h1 { margin: 0; font-size: 24px; color: #009; }
h2 { margin: 0; font-size: 18px; color: #009; }
p { font-size: 12px; }
a:link, a:visited, a:active { color: #009; text-decoration: none; }
a:hover { color: #09F; text-decoration: underline; }
.contact_table { font-size:12px; }
input, textarea, select {
	width: 200px; border:1px solid #03C; background-color: #036; color: #FFF; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px
}
.radio { width: 20px; }

/********** Body Elements Format **********/
#background{ position:relative; z-index:1; width:100%; height:100%;}
#scroller { width:100%; height:100%; z-index:3; margin:0 auto; position: absolute; overflow:auto; } 
.cloud { position: absolute; z-index: 2; display: none; }
#header { width:1000px; height:150px; position: relative; }
#logo { width:150px; height:150px; left: 10px; position: absolute; }
#slogan { width:700px; height:50px; left: 270px; top:80px; position: absolute; }
#menu { width: 770px; height: 50px; position: absolute; left: 229px; top: 0px; z-index:5 }
#menu_shadow { width: 780px; height: 65px; position: absolute; left: 229px; top: 1px;  z-index:4; background-image: url(../images/menu_shadow.png); }
#container { width:1000px; height:auto; margin: 10px auto; }
#roundabout { height:300px; width:1000px; margin: 0 auto; background-image:url(../images/roundabout-bg.png); position:relative; }
#sections { width:1000px; height:300px; margin:10px auto; height: 1%; overflow: hidden; }
#footer { height:auto; width:1000px; margin: 10px auto 0 auto; }

/********** Sections Body Format **********/
#contenedor_secciones_top { height:15px; width:1000px; margin: 0 auto; background-image:url(../images/container_contents_top.png); }
#contenedor_secciones { height:auto; width:980px; margin: 0 auto; background-image:url(../images/container_contents_center.png); padding: 0 10px; }
#contenedor_secciones_bottom { height:15px; width:1000px; margin: -12px auto 0 auto; background-image:url(../images/container_contents_bottom.png); }

/********** Format Roundabout System **********/
.roundabout-holder { position: absolute !important; top: 60px; left: 104px; list-style: none; width: 50em; height: 10em; }
.roundabout-moveable-item { height: 15em; width: 20em; cursor: pointer; }
.roundabout-moveable-item img { height: 15em; width: 20em; }
.roundabout-in-focus { cursor: auto; }
#filler { text-align: center; height: 1em; }

/************ Menu Buttons Format ************/
a.quienes:link, a.quienes:visited, a.quienes:active {
	display: block;
	background-image: url(../images/quienes_button.png);
	width: 110px; height: 50px; float: left;
}
a.quienes:hover { background-position: 0px -50px; }
a.portafolio:link, a.portafolio:visited, a.portafolio:active {
	display: block;
	background-image: url(../images/portafolio_button.png);
	width: 110px; height: 50px; float: left;
}
a.portafolio:hover { background-position: 0px -50px; }
a.alojamiento:link, a.alojamiento:visited, a.alojamiento:active {
	display: block;
	background-image: url(../images/alojamiento_button.png);
	width: 110px; height: 50px; float: left;
}
a.alojamiento:hover { background-position: 0px -50px; }
a.diseno:link, a.diseno:visited, a.diseno:active {
	display: block;
	background-image: url(../images/diseno_button.png);
	width: 110px; height: 50px; float: left;
}
a.diseno:hover { background-position: 0px -50px; }
a.programacion:link, a.programacion:visited, a.programacion:active {
	display: block;
	background-image: url(../images/programacion_button.png);
	width: 110px; height: 50px; float: left;
}
a.programacion:hover { background-position: 0px -50px; }
a.cotizacion:link, a.cotizacion:visited, a.cotizacion:active {
	display: block;
	background-image: url(../images/cotizacion_button.png);
	width: 110px; height: 50px; float: left;
}
a.cotizacion:hover { background-position: 0px -50px; }
a.contacto:link, a.contacto:visited, a.contacto:active {
	display: block;
	background-image: url(../images/contacto_button.png);
	width: 110px; height: 50px; float: left;
}
a.contacto:hover { background-position: 0px -50px; }