@charset "utf-8";
/* CSS Document */

/*//////////////////////////////////*/
/*///       HTML / Body        ///*/
/*//////////////////////////////////*/

html, body {
	margin: 0;
	text-align: center;
	background: #171717;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

/*//////////////////////////////////*/
/*///       Generales        ///*/
/*//////////////////////////////////*/

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: left; }
h1 { font-size: 17px; text-transform: uppercase; font-weight: normal; }
h1 a { color: #333333; text-decoration: none; } h1 a:hover { color: #ff5400; text-decoration: none; }
p { margin: 0; padding: 0; text-align: left; }
.altoLinea { line-height:20px; }
a {	color: #ff5400; text-decoration: underline; }
a:hover { color: #000000; text-decoration: none; }
a:focus { outline: none; }
img { border: 0; }
acronym { cursor: help; }
.padLeft { 30px; }
.tech { float: left; margin-bottom: 10px; }

/*//////////////////////////////////*/
/*///          Dividers          ///*/
/*//////////////////////////////////*/

.line_on_light { width: 100%; height: 1px; border-bottom: 1px solid #fafafa; background: #dcdcdc; margin: 10px 0; }
.line_on_dark { width: 100%; height: 1px; border-bottom: 1px solid #e1e1e1; background: #aeaeae; margin: 10px 0; }

/*//////////////////////////////////*/
/*///         Contenedor       ///*/
/*//////////////////////////////////*/

#container { width: 950px; height: auto; margin: 0 auto; }

/*//////////////////////////////////*/
/*///           Cabecera           ///*/
/*//////////////////////////////////*/

.cabVolver { width:940px; text-align:left; height:20px; color:#FFF; padding:5px; font-weight:bold; border-bottom:1px solid #999; }
.cabVolver a { color:#FC0; text-decoration:none; font-weight:bold; }
.cabVolver a:hover { text-decoration:underline; }

#header { width: 100%; height: 110px; }

/*//////////////////////////////////*/
/*///        Descripcion         ///*/
/*//////////////////////////////////*/

#description { width: 910px; height: 38px; padding:  22px 20px 0 20px; background: url(../imagenes/description_bg.png) repeat-x top; color: #fff; font-size:12px; font-weight:bold; text-transform: uppercase; text-align: left; }
#description a:hover { color: #FFFFFF; text-decoration: none; }

/*//////////////////////////////////*/
/*///           Contenido          ///*/
/*//////////////////////////////////*/

.content { width: 870px; height: auto; padding: 40px; margin-bottom: 20px; background: url(../imagenes/content_bg.gif) repeat-x bottom #FFFFFF; text-align: left; }
.contentVideo { width: 640px; height: auto; padding: 40px 155px; margin-bottom: 20px; background: url(../imagenes/content_bg.gif) repeat-x bottom #FFFFFF; text-align: left; }
.contentFotos { width: 870px; height: auto; padding: 20px; margin-bottom: 20px; background: url(../imagenes/content_bg.gif) repeat-x bottom #FFFFFF; text-align: center; }
.content_left { width: 380px; height: auto; float: left; }
.content_right { width: 450px; height: auto; float: right; }
.content_right_portfolio { width: 380px; height: auto; float: right; }

/*//////////////////////////////////*/
/*///      Caja con sombra       //*/
/*//////////////////////////////////*/

.shadow_box { width: 340px; height: auto; padding: 20px; background: #FFFFFF; }
.shadow_boxFotos { width: 867px; }
.shadow_boxPrensa { width: 340px; height: auto; padding: 20px; background: #FFFFFF; }

/*//////////////////////////////////*/
/*///            Logo            ///*/
/*//////////////////////////////////*/

.logo { float: left; margin-top: 43px; }
.logo a{ background: url(../imagenes/logo.jpg); text-decoration: none; width: 210px; _width: 170px; height: 49px; display: block; }
.logo a:hover{ background: url(../imagenes/logo.jpg); text-decoration: none; }

/*//////////////////////////////////*/
/*///           Menu            ///*/
/*//////////////////////////////////*/

#navbar { width: 730px; _width:765px; height: 30px; text-align: right; float: right; margin: 45px 0 0 0; }
#navbar ul { list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; font-size: 13px; font-weight:bold; color:#CCC; }
#navbar li { float: left; margin-left: 35px; margin-top: 6px; }
#navbar li a{ color:#CCC; padding-bottom: 7px; border-bottom: 0; text-decoration: none; }
#navbar li a:hover{ color: #ff5400; border-bottom: 1px solid #ff5400; * border-bottom:0; text-decoration: none; * text-decoration:underline; }
#navbar li.on a{ color: #ff5400; border-bottom: 1px solid #ff5400; * border-bottom:0; text-decoration: none; * text-decoration: underline; }

/*//////////////////////////////////*/
/*///           Pie           ///*/
/*//////////////////////////////////*/

#footer { width: 100%; height: 50px; color: #666666; }
#footer a:hover { color: #FFFFFF; text-decoration: none; }

/*//////////////////////////////////*/
/*///          Alineación         ///*/
/*//////////////////////////////////*/

.right { float: right; }
.right_shadow { float: right; }
.left_shadow { float: left; }

/*//////////////////////////////////*/
/*///          Botones           ///*/
/*//////////////////////////////////*/

/*-- // orange_button // --*/
.orange_button { width: auto; height: 22px; font: 11px arial; font-weight: bold; text-align: left; text-transform: uppercase; padding: 7px 0 0 10px; background: url(../imagenes/orange_button.png) no-repeat top left; color: #7c7c7c; }
.orange_buttonend { width: auto; _width:140px; height: 29px; padding: 0 10px 0 0; background: url(../imagenes/orange_buttonend.png) no-repeat top right; float: left; margin: 7px 7px 0 0; }
.orange_button a{ color: #FFFFFF; text-decoration: none; }
.orange_button a:hover{ color: #FFFFFF; text-decoration: underline; }

/*-- // white_button // --*/
.white_button { width: auto; height: 22px; font: 11px arial; font-weight: 200; text-align: left; text-transform: uppercase; padding: 7px 0 0 10px; background: url(../imagenes/white_button.png) no-repeat top left; color: #7c7c7c; }
.white_buttonend { width: auto; height: 29px; padding: 0 10px 0 0; background: url(../imagenes/white_buttonend.png) no-repeat top right; float: left; margin: 7px 7px 0 0; }
.white_button a{ color: #333333; text-decoration: none; }
.white_button a:hover{ color: #333333; text-decoration: underline; }

/*-- // black_button // --*/
.black_button { width: auto; _width:190px; height: 22px; font: 11px arial; font-weight: bold; text-align: left; text-transform: uppercase; padding: 7px 0 0 10px; background: url(../imagenes/black_button.png) no-repeat top left; color: #7c7c7c; }
.black_buttonend { width: auto; height: 29px; padding: 0 10px 0 0; background: url(../imagenes/black_buttonend.png) no-repeat top right; float: left; margin: 7px 7px 0 0; }
.black_button a{ color: #FFFFFF; text-decoration: none; }
.black_button a:hover{ color: #FFFFFF; text-decoration: underline; }

/*//////////////////////////////////*/
/*///         slideshow          ///*/
/*//////////////////////////////////*/

#slideshow { width: 450px; height: 340px; /*background: green;*/ float: left; }
#nav { width: 340px; height: auto; padding-left: 110px; margin-top: 15px; float: left; }
#nav li { width: 60px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; }
#nav a.activeSlide { background: #ff5400; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

/*//////////////////////////////////*/
/*///          Contacto           ///*/
/*//////////////////////////////////*/

.contactform { margin:0px; font-size:11px; width:380px; text-align: left; }
.contactform input { padding:6px; border:1px solid #999999; width:212px; height:14px; font-size:11px; background: url(../imagenes/contact_bg.gif) repeat-x top #FFF; }
.contactform input.verifyinput { padding:6px; border:1px solid #999999; width:157px; height:14px; font-size:11px; background: url(../imagenes/contact_bg.gif) repeat-x top #FFF; }
.contactform textarea { padding:5px; border:1px solid #999999; width:214px; height:100px; font-size:11px; background: url(../imagenes/contact_bg.gif) repeat-x top #FFF; font-family: Arial, Helvetica, sans-serif; }
.error { border:1px solid #990000; background-color:#D70000; color:#FFFFFF; padding:5px;width:383px; }
.verify { border: 1px solid #999999; padding-bottom: 1px; background: #FFF; }
.contactform label { min-width: 150px; float: left; padding:4px; padding-left: 0; font-weight: bold; }
input.sendbutton { margin-top:10px; margin-left: 154px; display:block; border:0; width:100px; height: auto; font-size:11px; padding-left:2px; padding-right:2px; padding-top:6px; padding-bottom:6px; line-height:14px; background: #ff5400; color: #FFFFFF; cursor: pointer; }