/* CSS Document */
body { width:780px; margin:auto; background-color:#EC9F29; font-family: Helvetica, Tahoma, Verdana, Sans-serif; font-size:15px; color:#FFFFFF; text-align:center; padding:auto; }
h1 { font-size:30px; font-weight:normal; margin:10px 0px 5px 0px; color:#FFFFFF; }
h2 { font-size:14px; font-weight:bold; color:#000000; }
h3 { font-size:13px; font-weight:bold; color:#89D3DC; }
a { color:#FBDC7F; text-decoration:none; }

/* Intro */
.intro .logo { }
.intro .skip { margin-top:25px; font-size:28px; color:#FFFFFF; }
.intro .skip  a{ padding:0 20px 0 20px; }

/* Header */
.header { background: transparent url(../images/header.png); height:36px; text-align:left; }
.header ul { display:block; height:100%; text-align:right; padding-top:2px; margin-top:0px; list-style-type:none; color:#9D8C82; float:right; }
.header ul li { display:inline-block; cursor: pointer; padding:0 0 0 5px; border-left:1px solid #9D8C82; float:left; }
.header ul .first { border-left:0px; }
.header ul li a { text-decoration:none; padding:0 3px 0 2px; color:#9D8C82; }

/* Menu */
.content .menu { background-color:#EC9F29; float:left; width:30%; }
.content .menu .logo { background: transparent url(../images/logo_m.png) no-repeat; margin:20px 0px 0px 20px; height:130px; width:180px; float:left; }
.content .menu .buttons { list-style-type:none; background: transparent url(../images/menu.png) no-repeat; margin:20px 0px 0px 5px; padding:13px; height:315px; width:205px; float:left; }
.content .menu .buttons li { background: transparent url(../images/menubutton.png) no-repeat; margin:1px 0px 5px 0px; height:45px; width:180px; float:left; }
.content .menu .buttons li:hover { background: transparent url(../images/menubutton-hover.png) no-repeat; }
.content .menu .buttons li img { margin:2px 15px 0px 10px; float:left; }
.content .menu .buttons li h2 { //margin-top:12px; }

/* Contenido */
.content { background-color:#EC9F29; text-align:left; height:auto; display:block; clear:both; }
.content .info { background-color:#EC9F29; float:left; width:68%; _overflow:hidden; }
.content .info p { margin: 5px 12px 0px 0px; text-align:justify; }
.content .info .outstanding { background: transparent url(../images/outstanding.png) no-repeat; margin-top:10px; height:45px; width:530px; }
.content .info .outstanding span { margin:3px 0 0 65px; width:365px; text-align:center; color:#000000; float:left; }
.content .info .gallery { width:292px; margin:30px 0 0 20px; float:left; }
.content .info .gallery span { font-size:20px; color:#FFFFFF; }
.content .info .gallery ul { list-style-type:none; margin:0; padding:0; }
.content .info .gallery ul li { display:inline-block; float:left; }
.content .info .promotion { background: transparent url(../images/blackbutton.png) no-repeat; margin-top:30px; height:148px; width:216px; float:left; }
.content .info .promotion span { margin:15px 20px 10px 20px; font-size:15px; color:#FFFFFF; text-align:center; float:left; }

/* Permisos */
.content .info ul.permisos { list-style-type:none; padding:0; }
.content .info ul.permisos span.title { margin-top:15px; font-size:16px; display:block; clear:both; }
.content .info ul.permisos img { margin-right:15px; float:left; }
.content .info ul.permisos p { font-size:14px; margin-top:15px; }

/* Test */
.content .info .test label { float:left; width:50px; font-size:12px; margin-left:5px; margin-top:3px; }
.content .info .formtest input.small { float:left; width:80px; }
.content .info .formtest input.medium { float:left; width:100px; }
.content .info .formtest input.large { float:left; width:160px; }

.content .info .test span.title { margin-top:15px; font-size:12px; color:#000000; display:block; clear:both; }
.content .info .test img { margin:10px 15px 15px 15px; float:left; //margin:10px 15px 5px 15px;}
.content .info .test ul.question { list-style-type:none; padding:0; margin-top:15px; float:left; }
.content .info .test ul.question  li{ display:block; clear:both; }
.content .info .test ul.question input { float:left; }
.content .info .test ul.question label { float:left; width:auto; font-size:12px; margin-left:5px; }

/*.content .info ul.test span.question { //display:block; //margin-bottom:30px; //clear:right; }*/

.content .info input.button { display:block; font-size:14px; font-weight:bold; margin:15px 385px; padding:5px; }

/* Ubicacion */
.content .info .address { font-size:14px; display:block; margin:15px 0 15px 0; }
.content .info .address .left { text-align:left; width:49%; margin:0 0 15px 0; float:left; }
.content .info .address .right { text-align:right; width:49%; margin:0 0 15px 0; float:left; }
.content .info .map { width:100%; height:380px; display:block; clear:both; }

/* Contacto */
.content .info .form { margin-top:45px; }
.content .info .form p { font-size:14px; } 
.content .info .form input.medium { width:200px; }
.content .info .form textarea.large, .content .info .form p.large { width:450px; }
.content .info .form input.button { display:block; font-size:14px; font-weight:bold; margin:15px 385px; padding:5px; }

/* Links */
.content .info .links { font-size:14px; display:block; margin:15px 0 15px 0; //height:430px;}
.content .info .links .left { text-align:left; width:69%; margin:0 0 15px 0; float:left; }
.content .info .links .right { text-align:right; width:29%; margin:0 0 15px 0; float:left; }
.content .info .links .right img { margin:36px 0 0 0; display:block; float:right; overflow:auto; }
.content .info .links ul { margin-bottom:120px; }

/* Footer */
.footer { background: transparent url(../images/footer.png); height:65px; text-align:left; display:block; clear:both; float:none; }
.footer .optimized { text-align:left; width:49%; color:#9D8C82; margin:20px 0 0 10px; float:left; }
.footer .poweredby { text-align:right; width:49%; color:#9D8C82; margin:20px 0 10px 0; float:left; _overflow:hidden; }
.footer .poweredby a { color:#9D8C82; text-decoration:underline; }