@import url("resets.css");

/****************************************************************************************************
*										ESTILOS GENERALES											*
****************************************************************************************************/
body {
	color: #aeaeae;
	padding-top: 10px; 
	background-color: #646464;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

div#contenedor {
	width: 979px;
	margin: 0px auto;
	background: #404040;
	background: #404040 url(../images/backgrounds/footer_menu.gif) no-repeat left bottom;
}

div#contenedor2 {
	width: 979px;
	margin: 0px auto;
	background-color: #404040;
}

/****************************************************************************************************
*												HEADER												*
****************************************************************************************************/
div#header {
	background: url(../images/backgrounds/header.jpg) no-repeat left top;
	height: 269px;
}

div#header-in {
	background: url(../images/backgrounds/header-in.jpg) no-repeat left top;
}

div#header-in a.mascara {
	width:980px;
	height: 175px;
	_height:158px;
	display:block;
}

div#header li,
div#header li a,
div#header-in li,
div#header-in li a {
	width: 50px;
	height: 14px;
	color: #6d6d6d;
	float: left;
	font-size: 9px;
	padding-top: 2px;
	margin-right: 2px;
	text-align: center;
	text-decoration: none;
	background-color: #9c9a9a;
}

div#header li.activo,
div#header li.activo a,
div#header-in li.activo,
div#header-in li.activo a {
	color: #dbe1df;
	text-decoration: none;
}


#frases{
	float:right;
	width:265px;
	height:99px;
	margin:10px 5px 0 0;
	_margin:10px 3px 0 0;
}

#frases p{
	font-style:italic;
	font-weight:bold;
	color:#000;
	width:240px;
	float:left;
}

#frases div.frases-logo{
	margin:22px 0 0 5px;
	float:left;
}

#frases span{
	margin:15px 25px 0 0;
	color:#717173;
	font-weight:bold;
	float:right
}

/****************************************************************************************************
*											CONTENIDO												*
****************************************************************************************************/
.interna {
	width: 979px;
	overflow: hidden;

}

div#cont_left {
	width: 265px;
	float: left;
}

div#cont_left li {
	width: 245px;
	float: left;
}

div#cont_left li a {
	display: block;
	float:left;
}

div#cont_left ul li ul {
	clear: both;
}

div#cont_left ul li ul li a:hover {
	color:#FFFFFF;
}


div#cont_left img,
div#cont_left li a img {
	float:left;
}

ul.quienes,
ul.queClientes,
ul.quienesClientes {
	display: none;
}

ul.quienes,
ul.queClientes,
ul.quienesClientes {
	width: 245px;
	overflow: hidden;
	padding: 0px 10px;
}

ul.quienes li,
ul.queClientes li,
ul.quienesClientes li {
	padding: 1px 0px;
	border-bottom: 1px dashed #2c4056;
}

ul.quienes li.ultimo,
ul.queClientes li.ultimo,
ul.quienesClientes li.ultimo {
	border: none;
}

ul.quienes li a,
ul.queClientes li a,
ul.quienesClientes li a {
	color: #0f1f23;
	text-decoration: none;
	font: bold 12px "Trebuchet MS";
}

ul.quienes li a.activo,
ul.queClientes li a.activo,
ul.quienesClientes li a.activo {
	color: #FFF;
}

ul.quienes,
ul.queClientes {
	background-color: #5880ad;
}

ul.quienesClientes {
	background-color: #339172;
}

div#cont_mid,
div#cont_right {
	float: left;
	background-color: #000;
}

div#cont_mid {
	width: 423px;
	height: 228px;
	padding: 12px 0px 12px 10px;
	_padding: 12px 3px 12px 2px;
}

div#cont_mid .sponsor {
	width: 87px;
	float: left;
	margin: 4px 8px;
}

div#cont_mid .sponsor a img {
	float: left;
}

div#cont_right {
	width: 281px;
	height: 235px;
	padding-top: 17px;
}

div#cont_right_in {
	width: 713px;
	float: left;
	padding-bottom: 10px;
}

div#texto,
div#texto2 {
	margin: 30px 20px 0px 25px;
}

div#texto2 {
	width: 925px;
}

div#texto h1,
div#texto2 h1 {
	color:#fff;
	margin: 0px 0px 10px;
	padding-left:12px;
	background:url(../images/bullets/bullet.gif) no-repeat 0 4px;
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#texto2 h1.empleados {
	width: 615px;
	margin: 0 auto 10px;
}

div#texto2 p.empleados {
	width: 625px;
	margin: 0 auto;
}

div#texto p {
	margin: 15px 0px;
	font: normal 11px/17px "Trebuchet MS";
}

div#texto div#foto {
	width: 274px;
	height: 232px;
	float: right;
	margin-left: 15px;
}

div#masFotos {
	width: 668px;
	overflow: hidden;
	padding: 10px 0px 0px;
}

.fotoThumb {
	float: left;
	margin-right: 26px;
}

.fotoThumbLast {
	float: left;
	margin: 0px;
}

div#masVideos {
	width: 668px;
	margin-top: 20px;
}

div#masVideos div.videoLeft {
	float: left;
}

div#masVideos div.videoLeft {
	float: right;
}


/****************************************************************************************************
*												FORMULARIO												*
****************************************************************************************************/
.input{
	float: left;
	background-color:#666666;
	width:357px;
	height:15px;
	border:none;
	color:#FFFFFF;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 3px;
}
.textarea{
	background-color:#666666;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:553px;
	height:80px;
	border:none;
	float:left;
	padding:5px 5px;
	margin:10px 0;
	overflow: auto;
	_background-attachment: fixed;
}
.enviar{
	clear:both;
	padding:0 0 30px 490px;
}

h3 {
	color:#fff;
	font-size:18px;
}

div#loginEmpleado {
	width: 302px;
	_width: 305px;
	margin: 0px auto;
}

div#loginEmpleado form {
	margin-top: 50px;
	overflow: hidden;
}

div#loginEmpleado form div {
	margin: 5px 0px;
}

div#loginEmpleado form label {
	color: #fff;
	display:block;
	float:left;
	width: 100px;
	margin-top: 2px;
}

div#loginEmpleado form input {
	width: 200px;
	border: 1px solid #548f9d;
}

div#loginEmpleado form input.btnEnviar {
	width: 93px;
	height: 37px;
	float: right;
	border: none;
}

div#empleadoSeccion {
	width: 625px;
	padding: 10px 0px;
	overflow: hidden;
	margin: 0 auto 20px;
	border: 1px solid #548f9d;
	background-color: #5f5f5f;
}

div#empleadoSeccion p {
	margin: 0px 10px;
}

div#empleadoSec2 {
	width: 625px;
	margin: 0 auto;
}

div#empleadoSeccion ul li {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	background:url(../images/bullets/bullet.gif) no-repeat 0 2px;
}

div#empleadoSeccion ul li a {
	cursor: pointer;
	text-decoration: underline;
}

div#empleadoSeccion ul li.primero {
	margin-left: 10px;
	_margin-left: 5px;
}

div#empleadoSec2 textarea {
	width: 625px;
	height: 60px;
	border: 1px solid #548f9d;
}

div#empleadoSec2 input {
	float: right;
	margin-top: 5px;
}

div#empleadoSec2 ul {
	margin-left: 15px;
}

div#empleadoSec2 ul li {
	margin: 8px 0px;
	padding-left: 10px;
	background:url(../images/bullets/bullet.gif) no-repeat 0 2px;
}
/****************************************************************************************************
*												FOOTER												*
****************************************************************************************************/
div#footer ul {
	margin: 30px 0px 0px 25px;
}

div#footer ul li,
ul#otrasSecciones li {
	float: left;
}

div#footer_left {
	width: 264px;
	height: 211px;
	float: left;
	background: url(../images/backgrounds/footer-left.gif) no-repeat left top;
	_background: none;
}

div#footer_mid,
div#footer_right {
	color: #969696;
	float: left;
	background-color: #404040;
}

div#footer_mid {
	width: 418px;
	height: 201px;
	line-height: 16px;
	padding: 10px 0px 0px 15px;
}

div#footer_mid div.text p {
	height: 94px;
	padding-right: 15px;
	background: url(../images/backgrounds/border.gif) no-repeat right center;
}

div#footer_mid ul,
ul#otrasSecciones {
	width: 416px;
	overflow: hidden;
	margin: 38px 0px 15px 2px;
	_margin: 40px 0px 15px 2px;
}


div#footer_mid li {
	float: left;
}

div#footer_mid p.copyright {
	font-size: 9px;
	text-align: center;
}

p.copyrightIn {
	font-size: 9px;
	margin-top: 20px;
}

div#footer_right {
	width: 281px;
	height: 211px;
	line-height: 16px;
}

div#footer_right div.epr img.logo {
	float: right;
}

div#footer_right div.blog {
	margin-top: 15px;
	_margin-top: 20px;
	padding-left: 15px;
}

div#footer_right div.epr {
	padding: 5px 5px 0px 15px;
}

div#footer_right div.epr h2 {
	margin: 10px 0px 8px;
}

div#footer_right div.blog h2 {
	padding: 10px 0px 8px;
}

#footer-int {
	clear:both;
	padding-left: 20px;
}
#footer_mid .copyright {
	font-size: 9px;	
	float:left;
	height:25px;
}

ul#otrasSecciones-int li {
	float: left;
}
ul#otrasSecciones-int {
	width: 550px;
	overflow: hidden;
}

#footer_menu {
	width:265px;
	height:150px;
	display:block;
	clear:both;
}