body {  margin:0px; font-family: 'Abel', sans-serif; color: #000; }
body.home { background: #000; }
*{ outline: none;}

#bg { position: fixed; bottom: 0; right: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
.warning_java { background: #fff5ee; border: 1px solid #c00; border-top: none; color: #c00; font-weight: bold; padding: 10px; text-align: center; position: relative; z-index: 100; }
img{ border:none; }

#logo {float: left; position: relative; margin-top: 150px;}
#logo2 {float: left; position: relative; margin-top: 20px; left: 30px;}

h1 { font-size: 40px; text-align:left; color: #333; font-weight: bold; margin: 35px 0 10px 0 ; text-transform: uppercase; }
h2 { font-size: 25px; text-align:left; color: #333; font-weight: bold; margin: 20px 0 5px 0 ; text-transform: uppercase; }
h3 { font-size:14px; text-align:left;color: #a00;  font-weight: normal; margin: 15px 0 5px 0; }
p, proyectos_hype_container .HYPE_scene p { color: #000; font-size: 16px; text-align:justify; line-height: 17px; font-weight: normal; padding: 0; margin: 10px 0; font-family: 'Quicksand', sans-serif; }
proyectos_hype_container .HYPE_scene p, proyectos_hype_container .HYPE_scene h1 { font-family: 'Quicksand', sans-serif; text-align: left; }
span.principal_buttons { font-family: 'Abel', sans-serif; font-size: 18px; }
proyectos_hype_container { background: none; }
.HYPE_scene div, .HYPE_scene span, .HYPE_scene applet, .HYPE_scene object, .HYPE_scene iframe, .HYPE_scene h1, .HYPE_scene h2, .HYPE_scene h3, .HYPE_scene h4, .HYPE_scene h5, .HYPE_scene h6, .HYPE_scene p, .HYPE_scene blockquote, .HYPE_scene pre, .HYPE_scene a, .HYPE_scene abbr, .HYPE_scene acronym, .HYPE_scene address, .HYPE_scene big, .HYPE_scene cite, .HYPE_scene code, .HYPE_scene del, .HYPE_scene dfn, .HYPE_scene em, .HYPE_scene img, .HYPE_scene ins, .HYPE_scene kbd, .HYPE_scene q, .HYPE_scene s, .HYPE_scene samp, .HYPE_scene small, .HYPE_scene strike, .HYPE_scene strong, .HYPE_scene sub, .HYPE_scene sup, .HYPE_scene tt, .HYPE_scene var, .HYPE_scene b, .HYPE_scene u, .HYPE_scene i, .HYPE_scene center, .HYPE_scene dl, .HYPE_scene dt, .HYPE_scene dd, .HYPE_scene ol, .HYPE_scene ul, .HYPE_scene li, .HYPE_scene fieldset, .HYPE_scene form, .HYPE_scene label, .HYPE_scene legend, .HYPE_scene table, .HYPE_scene caption, .HYPE_scene tbody, .HYPE_scene tfoot, .HYPE_scene thead, .HYPE_scene tr, .HYPE_scene th, .HYPE_scene td, .HYPE_scene article, .HYPE_scene aside, .HYPE_scene canvas, .HYPE_scene details, .HYPE_scene embed, .HYPE_scene figure, .HYPE_scene figcaption, .HYPE_scene footer, .HYPE_scene header, .HYPE_scene hgroup, .HYPE_scene menu, .HYPE_scene nav, .HYPE_scene output, .HYPE_scene ruby, .HYPE_scene section, .HYPE_scene summary, .HYPE_scene time, .HYPE_scene mark, .HYPE_scene audio, .HYPE_scene video { font-family: 'Abel', sans-serif; }

/*#btn_rio_elba:hover, #btn_bahia:hover { background-position: 0 100%; }*/
#rio_active, #bahia_active, #el_punto_active, #vivenza_active, #ubika_active, #park_1_active, #park_2_active, #euri_active, #sendero_s_f_active, #sendero_s_j_active  { background: 0 100%; }
#ver_ubicacion, #ver_ubicacion_2, #btn_regresar { background-color: #c00; background-position: 0 -3px; color: #fff; }
#ver_ubicacion:hover, #ver_ubicacion_2:hover, #btn_regresar:hover { background-color: #ddd; background-position: 0 -33px; color: #333; }
a { color: #fff; text-decoration: none; -moz-transition: all 0.3s ease 0s; cursor: pointer; }
a:hover { color: #fff; text-decoration: none; }
a.botonera {display: block; padding-right: 20px; width: 130px;}
a.botonera:hover {background-color: #e51b24;}
a.botonera3 {display: block; padding-right: 20px; width: 202px; text-align: right; color: #000}
a.botonera3:hover {background-color: #e51b24; color:#fff ;}
a.botonera2 {display: block; padding-right: 20px; width: 130px; margin-top: 320px; background-color: #e51b24; line-height: 25px;}
a.botonera2:hover {background-color: #690101;}
a.botonera4 {display: block; padding-right: 20px; width: 200px; margin-top: 260px; background-color: #e51b24; line-height: 25px; text-align: right;}
a.botonera4:hover {background-color: #690101;}

a.proyectos { float: left; height: 170px; width: 70px; background: transparent url("../images/botonera.jpg") no-repeat 0 0; }
a:hover.proyectos {  background: transparent url("../images/botonera2.jpg") no-repeat 0 0;}
a.proyectos.activo {  background: transparent url("../images/botonera2.jpg") no-repeat 0 0;}
a.proyectos2 { float: left; height: 170px; width: 122px; background: transparent url("../images/botonera.jpg") no-repeat -70px 0; }
a:hover.proyectos2 {  background: transparent url("../images/botonera2.jpg") no-repeat -70px 0;}
a.proyectos2.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -70px 0;}
a.proyectos3 { float: left; height: 170px; width: 124px; background: transparent url("../images/botonera.jpg") no-repeat -192px 0; }
a:hover.proyectos3 {  background: transparent url("../images/botonera2.jpg") no-repeat -192px 0;}
a.proyectos3.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -192px 0;}
a.proyectos4 { float: left; height: 170px; width: 118px; background: transparent url("../images/botonera.jpg") no-repeat -311px 0; }
a:hover.proyectos4 {  background: transparent url("../images/botonera2.jpg") no-repeat -311px 0;}
a.proyectos4.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -311px 0;}
a.proyectos5 { float: left; height: 170px; width: 81px; background: transparent url("../images/botonera.jpg") no-repeat -427px 0; }
a:hover.proyectos5 {  background: transparent url("../images/botonera2.jpg") no-repeat -427px 0;}
a.proyectos5.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -427px 0;}
a.proyectos6 { float: left; height: 170px; width: 82px; background: transparent url("../images/botonera.jpg") no-repeat -511px 0; }
a:hover.proyectos6 {  background: transparent url("../images/botonera2.jpg") no-repeat -511px 0;}
a.proyectos6.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -511px 0;}
a.proyectos7 { float: left; height: 170px; width: 106px; background: transparent url("../images/botonera.jpg") no-repeat -593px 0; }
a:hover.proyectos7 {  background: transparent url("../images/botonera2.jpg") no-repeat -593px 0;}
a.proyectos7.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -593px 0;}
a.proyectos8 { float: left; height: 170px; width: 74px; background: transparent url("../images/botonera.jpg") no-repeat -699px 0; }
a:hover.proyectos8 {  background: transparent url("../images/botonera2.jpg") no-repeat -699px 0;}
a.proyectos8.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -699px 0;}
a.proyectos9 { float: left; height: 170px; width: 93px; background: transparent url("../images/botonera.jpg") no-repeat -772px 0; }
a:hover.proyectos9 {  background: transparent url("../images/botonera2.jpg") no-repeat -772px 0;}
a.proyectos9.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -772px 0;}
a.proyectos10 { float: left; height: 170px; width: 90px; background: transparent url("../images/botonera.jpg") no-repeat -870px 0; }
a:hover.proyectos10 {  background: transparent url("../images/botonera2.jpg") no-repeat -870px 0;}
a.proyectos10.activo {  background: transparent url("../images/botonera2.jpg") no-repeat -870px 0;}

.active {background-color: #e51b24; color:#fff ; display: block; padding-right: 20px; width: 202px; text-align: right;}

a.a_buildmex, a.a_ared { display: block; text-indent: -99999%; margin: 10px 10px 0 10px; float: left; width: 120px; height: 35px; background: transparent url("../images/sprite_logo_alianzas.png") no-repeat; -moz-transition:none;  }
a.a_buildmex { background-position: 0 0; }
a:hover.a_buildmex { background-position: 0 -35px; }
a.a_ared { background-position: 0 -70px; }
a:hover.a_ared { background-position: 0 -105px; }

.red {color: #e51b24 ;}

.lines {background: url("/skin/default/images/lines.png") repeat scroll 0 0 transparent; height: 11px; position: relative; right: 20px; top: -10px; width: 240px;}
.lines2 {background: url("/skin/default/images/lines.png") repeat scroll 0 0 transparent; height: 11px; position: relative; top: -10px; width: 240px; right: 14px; }
.width_100.red_line { position: absolute; top: 600px; left: 0; border-top: 3px solid #e51b24; height: 1px; }
body.ch-arquitectos-proyectos .width_100.red_line { border-top: 20px solid #e51b24; height: 1px; }
.width_100.red_line_flotante { border-top: 5px solid #e51b24; height: 1px; position: absolute; top: 455px; z-index: 1000000000; }
body.home .footer { border-top: none; }

.height{height: 980px;}
.pry {height: 170px; width: 100%; background: url("/skin/default/images/pry.gif");}

.sliderr {background: url("/skin/default/images/bkg_slider.png"); height: 600px;}

.align_right { text-align: right; }
.align_left { text-align: left; }
.align_center { text-align: center; }

input[type="submit"] { background: #e51b24; border: none; color: #fff; cursor: pointer; margin: 0; font-size: 15px; padding: 5px 20px; width: auto; height: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url("css/border-radius.htc"); z-index: inherit; zoom: 1; /* For IE6 */ }
input[type="submit"]:hover { background: #333; color: #f0f0f0;  }
input[type="submit"].btn_contactanos { position:absolute; right:305px; bottom: 5px; }
.col_320.flotante { position: absolute; right: 0; top: 90px; }
.width_100 { float: left; width: 100%; position: relative; }
.footer { /* border-top: solid 4px #e51b24; background: url("/skin/default/images/bkg_ftr.png"); */ width: 100%; height: 60px; position: fixed !important; position: absolute; bottom: 0; left: 0; border-top: solid 4px #e51b24; background: transparent url("/skin/default/images/bkg_ftr.png") repeat 0 0; z-index: 99; }
.txt_small { font-size: 12px; }
p.txt_small { padding: 0; margin: 3px 0; }
.txt_medium { font-size: 14px; }
p.txt_medium { padding: 0; margin: 3px 0; }

.hme {height: 600px;}

.hei21 { color: #ddd; font-family: Hevetica, Arial, sans-serif; font-size: 11px; }

.content { width: 960px; margin: 0 auto; position: relative; }

.col_241 { float: left; width: 241px; position: relative;}
.col_719 { float: left; width: 719px; position: relative; text-align: right;}

.menu_bkg {float: right; background: url("/skin/default/images/bkg_border.png") 100% 0; width: 18px; height: 600px; margin-right: 45px;}
.menu_bkg2 {float: right; background: url("/skin/default/images/bkg_border2.png") 100% 0; width: 18px; height: 600px; position: relative; right: 2px; }
.menu {float: right; margin-top: 140px; padding-right: 20px; width: 130px;}
.menu2 {float: right; }

.col_146 {float: right; width: 146px; position: relative;}
.col_80 { float: left; width: 80px; position: relative; }
.col_150 { float: left; width: 150px; position: relative; }
.col_60_p { float: left; width: 60px; padding: 0 10px; position: relative; }
.col_160 { float: left; width: 160px; position: relative; }
.col_140_p { float: left; width: 140px; padding: 0 10px; position: relative; }
.col_240 { float: left; width: 240px; position: relative; }
.col_290 { float: left; width: 290px; position: relative; padding-left: 14px; }
.col_220_p { float: left; width: 220px; padding: 0 10px; position: relative; }
.col_220 { float: left; width: 220px; position: relative; }
.col_320 { float: left; width: 320px; position: relative; }
.col_300_p { float: left; width: 300px; padding: 0 10px; position: relative; }
.col_400 { float: left; width: 400px; position: relative; }
.col_380_p { float: left; width: 380px; padding: 0 10px; position: relative; }
.col_480 { float: left; width: 480px; position: relative; }
.col_460_p { float: left; width: 460px; padding: 0 10px; position: relative; }
.col_560 { float: left; width: 560px; position: relative; }
.col_540_p { float: left; width: 540px; padding: 0 10px; position: relative; }
.col_640 { float: left; width: 640px; position: relative; }
.col_690 { float: left; width: 704px; position: relative; }
.col_620_p { float: left; width: 620px; padding: 0 10px; position: relative; }
.col_720 { float: left; width: 720px; position: relative; }
.col_700_p { float: left; width: 700px; padding: 0 10px; position: relative; }
.col_800 { float: left; width: 800px; position: relative; }
.col_780_p { float: left; width: 780px; padding: 0 10px; position: relative; }
.col_880 { float: left; width: 880px; position: relative; }
.col_860_p { float: left; width: 860px; padding: 0 10px; position: relative; }
.col_960 { float: left; width: 960px; position: relative; }
.col_940_p { float: left; width: 940px; padding: 0 10px; position: relative; }
.col_60_m { float: left; width: 60px; margin: 0 10px; position: relative; }
.col_140_m { float: left; width: 140px; margin: 0 10px; position: relative; }
.col_220_m { float: left; width: 220px; margin: 0 10px; position: relative; }
.col_300_m { float: left; width: 300px; margin: 0 10px; position: relative; }
.col_380_m { float: left; width: 380px; margin: 0 10px; position: relative; }
.col_460_m { float: left; width: 460px; margin: 0 10px; position: relative; }
.col_540_m { float: left; width: 540px; margin: 0 10px; position: relative; }
.col_620_m { float: left; width: 620px; margin: 0 10px; position: relative; }
.col_700_m { float: left; width: 700px; margin: 0 10px; position: relative; }
.col_780_m { float: left; width: 780px; margin: 0 10px; position: relative; }
.col_860_m { float: left; width: 860px; margin: 0 10px; position: relative; }
.col_940_m { float: left; width: 940px; margin: 0 10px; position: relative; }

.col_115 { float: left; width: 115px;  position: relative; margin: 25px 0 0 0; }
.col_125 { float: left; width: 125px;  position: relative; }

#firma_sytyos { position: absolute; left: 0; top: 0px; width: 100px; height: 40px; z-index: 1000000; }
#ico_firma_sytyos { float: left; width: 33px; height: 40px; cursor: pointer; }
#logo_firma_sytyos { float: left; width: 67px; height: 40px; background: transparent url("../images/firma_logo_sytyos.png") no-repeat -68px 0; }

.border { padding: 5px 10px; border: none; cursor: pointer; behavior: url("/skin/default/css/border-radius.htc"); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; z-index: inherit; zoom: 1; /* For IE6 */ }
a.aviso { font-size: 12px; color: #ffffff; text-decoration: none; font-family: Hevetica, Arial, sans-serif; }
a:hover.aviso { color: #ffffff; text-decoration: underline; }
.verif{ display: none; }