/* CSS Document */

body {margin: 0; background: url(../img/bck_body.gif) repeat-x #fff; font: 12px/17px Arial, Helvetica, sans-serif;}
p, h1, h2, h3, h4, h5, ul, li, form {margin: 0; padding: 0; list-style: none;}
a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}

.top {height: 110px; color: #fff;}
.top .logo {display: block; float: left; height: 110px; width: 350px;}
.top ul {list-style: none; float: right; margin-right: 25px;}
.top li {display: inline;}
.top li a {display: block; float: left; height: 110px;}
.top li span {display: none;}

.top .idiomas {float: left; margin-top: 48px; margin-left: 45px;}
.top .idiomas a img {padding: 0 4px; opacity: 0.4; moz-opacity: 0.4; filter:alpha(opacity=40);}
.top .idiomas a:hover img, .top .idiomas a.active img {opacity: 1; moz-opacity: 1; filter:alpha(opacity=100);}

#main {}


/* //////////////////// TRABAJOS ///////////////////// */


h3.titular {margin-top: 20px; margin-bottom: 15px;}
h4.titular {margin-top: -20px; margin-bottom: 20px;}
#trabajos {width: 960px; margin: 0 auto; clear: both;}
#trabajos .top {background: url(../img/esp/bck_top.png) no-repeat #333;}
#trabajos .top ul {background: url(../img/esp/menu_top.png) no-repeat; height: 110px;}
#trabajos .top ul li a {background: url(../img/esp/menu_top.png) no-repeat;}

.top li.trabajos a {width: 128px;}
.top li.trabajos a:hover {background-position: 0 -110px !important;}
.top li.trabajos a.active {background-position: 0 -220px !important;}
.top li.info a {width: 69px; background-position: -128px 0 !important;}
.top li.info a:hover {background-position: -128px -110px !important;}
.top li.info a.active {background-position: -128px -220px !important;}
.top li.contacto a {width: 129px; background-position: -231px 0 !important; margin-left: 34px;}
.top li.contacto a:hover {background-position: -231px -110px !important;}
.top li.contacto a.active {background-position: -231px -220px !important;}

.galeria {margin-top: -20px; height: 580px; width: 960px; position: relative; background: url(../img/bck_trabajo.png) top center no-repeat;}
.galeria .items div p.que {font: 13px/18px Arial, Helvetica, sans-serif; color: #2c8190; margin-top: -12px;}
.galeria .items div p.para, .galeria .items div p.cuando {font: 9px/14px Arial, Helvetica, sans-serif; color: #000;}
.galeria .items div p.para a, .galeria .items div p.cuando a {color: #000;}
.galeria .items div p.para a:hover, .galeria .items div p.cuando a:hover {color: #2c8190;}
a.launch {background: url(../img/esp/btn_ver_web.png) no-repeat; height: 92px; width: 75px; display: block; position: absolute; right: 15px; bottom: -42px; _bottom: 7px;}
a.launch:hover {background-position: -75px 0;}


#thumbnails {width: 900px; margin: 0 auto; padding-top: 20px; text-align: center; overflow: hidden; font-size: 9px;}
#thumbnails a {background: url(../img/bck_thumbs.png) no-repeat; display: block; height: 81px; width: 81px; position: relative; float: left; color: #ccc;}
#thumbnails a.empty {cursor: auto !important;}

#thumbnails a img {position: absolute; top: 5px; left: 5px; height: 71px; width: 71px;}
#thumbnails li {display: inline;}


/* //////////////////// INFO ///////////////////// */


body.info {background:url(../img/bck_info.jpg) top center repeat-x #000;}
#info {background:url(../img/bck_info.jpg) top center repeat-x #177c84; color: #fff; padding-bottom: 60px; .padding-bottom: 80px;}
#info .centro {width: 960px; margin: 0 auto; clear: both;}
#info .top ul {background: url(../img/esp/menu_info.png) no-repeat; height: 110px;}
#info .top ul li a {background: url(../img/esp/menu_info.png) no-repeat;}
#info .top .logo {display: block; float: left; height: 110px; width: 350px; background: url(../img/esp/logo_info.png) no-repeat;}
.contenido {padding: 30px 0 0 105px;}
.contenido p {font: 13px/20px Arial, Helvetica, sans-serif; margin-bottom: 20px;}
.contenido p a {color: #033336; font-weight: bold;}
.contenido p img {margin: 10px 0;}
.contenido ul {}
.contenido li {display: inline;}
.contenido li img {margin-right: 4px;}





/* //////////////////// CONTACTO ///////////////////// */


body.contacto {background:url(../img/bck_contacto.jpg) top center repeat-x #000;}
#contacto {background:url(../img/bck_contacto.jpg) top center repeat-x #535353; color: #fff; padding-bottom: 65px; .padding-bottom: 85px;}
#contacto .centro {width: 960px; margin: 0 auto; clear: both;}
#contacto .top ul {background: url(../img/esp/menu_contacto.png) no-repeat; height: 110px;}
#contacto .top ul li a {background: url(../img/esp/menu_contacto.png) no-repeat;}
#contacto .top .logo {display: block; float: left; height: 110px; width: 350px; background: url(../img/esp/logo_contacto.png) no-repeat;}
#contacto p img {margin-top: 40px;}

#contacto .formulario {background: url(../img/bck_form.jpg) no-repeat; width: 828px; height: 313px; padding-top: 20px; margin-top: -5px; color: #9f9f9f;}
#contacto .formulario input, #contacto .formulario textarea {background: url(../img/bck_input.png) no-repeat; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #fff; width: 290px; height: 20px; padding-top: 4px;}
#contacto .formulario textarea {width: 355px; height: 180px;}
#contacto .formulario input.btn {background: none; width: auto !important; height: auto !important;}
#contacto .formulario strong {color: #fff;}
#contacto .formulario table td {padding: 4px 0;}




/* //////////////////// FOOTER ///////////////////// */


#footer {background: url(../img/bck_footer_hrz.gif) repeat-x #000; clear: both; height: 115px; color: #fff;}
#footer .centro {width: 960px; margin: 0 auto; clear: both; background: url(../img/esp/bck_footer.png) no-repeat top center; height: 111px; color: #636363;}
#footer .centro p {float: right; margin-top: 45px; margin-right: 35px;}
#footer .centro p span {color: #0d4348; padding: 0 6px;}
#footer .centro p a {color: #636363;}
#footer .centro p a:hover {color: #fff;}
#footer object {display: none;}

/* /////////////////////// */

/* This is the style of your browser text */

h1 {font: normal 27px/42px Arial, Helvetica, sans-serif; margin: 10px 0; color: #02929c; clear: both; .margin-top: -5px;} 
h2 {font: normal 27px/42px Arial, Helvetica, sans-serif; margin: 10px 0; color: #fff; clear: both; .margin-top: -5px;} 
h3 {font: normal 32px/42px Arial, Helvetica, sans-serif; margin: 10px 0; color: #000; clear: both; .margin-top: -5px; text-align: center; height: 45px;} 
h4 {font: normal 24px/36px Arial, Helvetica, sans-serif; margin: 10px 0; color: #000; clear: both; .margin-top: -5px; text-align: center;} 


#skypedetectionswf {display: none;}