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


/************************//* Para resetear los estilos de los navegadores */
* { 
	margin:0;
	padding:0;
}
table {
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}


            /* Etiquetas de HTML */
body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	margin: 0px;
	background-color:#FFFFFF;
}
a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #000033;
	text-decoration: none;
}



/****************//*MAQUETACION*//****************/



#contenedor {
	vertical-align: middle;
	margin-top: 0px;
	margin-left: -490px;
	position: absolute;
	left: 50%;
	height: auto;
	width: 980px;
}
#cabecera {
	position: relative;
	top: 0px;
	left: 0px;
	height: 360px;
	width: 980px;
	z-index:1;
}
#menuinicio{
	position: absolute;
	top: 320px;
	left: 40px;
	height: 20px;
	width: auto;
	z-index: 2;
}
#menu{
	position: relative;
	float: left;
	top: -3px; /*lo subo 3px arriba por el hueco que queda entre flash y menu en versión IE6-eso si tengo que subir elresto contenedores: cuerpo, menu bajo y pie pagina*/
	left:40px;
	height: 30px;
	width: 900px;
	background-color:#FFFFFF;
	border-right: 1px solid #243b40;
	border-left: 1px solid #243b40;
}
#cuerpo{
	position: relative;
	float: left;
	top: -3px;
	left: 40px;
	height: auto;
	width: 900px;
	background-color: #006699;
	border-right: 1px solid #243b40;
	border-left: 1px solid #243b40;
	overflow: hidden;
}
#contenedor_izq{
	position: relative;
	float: left;
	top: 0px; 
	left: 0px;
	height: auto;
	width: 580px;
	padding: 20px 0px 20px 20px ; /*18px a la izq porque si pongo 20px en IE6 se baja columna dcha*/
	text-align: justify;
}
#espacio_col{
	position: relative;
	float: left;
	top: 0px; 
	left: 0px;
	height: auto;
	width: 580px;
	padding-top: 20px;
}
#col{
	position: relative;
	float: left;
	top: 20px;
	left: 0px;
	height: auto;
	width: 260px;
	padding: 0px 19px 0px 0px;
	border-right: 1px dotted #999999;
	text-align: justify;
	margin-bottom: 25px;
}
#col02{
	position: relative;
	float: left;
	top: 20px;
	left: 0px;
	height: auto;
	width: 260px;
	padding: 0px 0px 0px 20px;
	text-align: justify;
	margin-bottom: 25px;
}
#txtcol {
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
	width: 260px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px dotted #999999;
	margin-bottom: 25px;
}

#icono_img{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 60px;
	padding-right: 20px;
}
 
/*por alguna razon en versión IE8 y nueva versión de Firefox este div hace que todo se descoloca, si desactivo este div todo funciona muy bien, pero en teoría esta colgado en el aire, lo cambie por un div align="left", por que por otro lado si quito este div de index en IE8 se descoloca la primera caja ?????? 

#txt_servicios{ 
	position: relative;
	float: left;
	top: 0px;
	left: 20px;
	height: auto;
	width: 160px;
}
*/

#contenedor_dcha{
	position: relative;
	float: left;
	top: 0px;
	left:0px;
	height: auto;
	width: 260px;
	padding: 20px 10px 10px 10px;
}
#contenedor_marcas{/*CONTENEDOR DE MARCAS EN LA COLUMNA DCHA*/
	position: relative;
	float: left;
	top: 0px;
	left:0px;
	height: auto;
	width: 260px; 
	padding-bottom: 10px;
	border: 1px solid #ffffff;
}
#contenedor_marcas2{/*CONTENEDOR DE MARCAS EN LA COLUMNA IZQ ABAJO*/
	position: relative;
	float: left;
	margin-top: 10px;
	left:0px;
	height: auto;
	width: 575px; 
	padding-bottom: 35px;
	border: 1px solid #ffffff;
}
#espaciotitulo{
	position: relative;
	top: -10px;
	left: 0px;
	height: auto;
	width: 900px;
	font-family:"Felix Titling", "Times New Roman", "Century Gothic";
	font-size: 72px;
	color: #ffffff;
	letter-spacing: 2px;
	text-align:center;
}
#contenido_izq{
	position: relative;
	float: left;
	top: 10px;
	left:0px;
	height: auto;
	width: 580px;
}
#menuservicio{
	position: relative;
	float: left;
	top: 0px;
	left:0px;
	height: auto;
	width: 140px;
}
#contenidoservicio{
	position: relative;
	float: left;
	top: 0px;
	left:20px;
	height: auto;
	width: 410px;
}
#menubajo{
	position: relative;
	float: left;
	top: -3px;
	left:0px;
	height: 50px;
	width: 980px;
	background-image:url(../images/menubajo.jpg);
	background-repeat: no-repeat;
}
#piepagina{
	position: relative;
	float: left;
	top: 5px;
	left: 40px;
	height: 44px;
	width: 900px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 11px;
	border: 1px solid #243b40;
}
#pie_izq{
	position: absolute;
	top: 5px;
	left: 10px;
	height: 12px;
	width: 891px;
	text-align: left;
}
#pie_dcha{
 	position: absolute;
 	top: 5px;
	left: 650px;
	height: 12px;
	width: 240px;
	text-align: right;
}




/************************//* MENU INICIO  */

ul.menuinicio {
	position:relative;
	top: 0px;
	left: 24px;
	height: 20px;
	width: 450px;
}
ul.menuinicio li{
	display: inline;
}
ul.menuinicio li a{
	display: block;
	float:left;
	height: 20px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	letter-spacing: 3px;
	text-decoration: none;
}
ul.menuinicio li a: link {
	color: #ffffff;
}
ul.menuinicio li a:visited {
	color: #ffffff;
}
ul.menuinicio li a:hover {
	color: #999999;
}

/************************//* MENU */

ul.menu {
	position:relative;
	top: 0px;
	left: 5px;
	height: 20px;
	width: 890px;
}
ul.menu li{
	display: inline;
}
ul.menu li a{
	display: block;
	float:left;
	height: 20px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	text-align: left;
	text-decoration: none;
}
ul.menu li a: link {
	color: #006699;
}
ul.menu li a:visited {
	color: #006699;
}
ul.menu li a:hover {
	color: #990000;
}


/************************//* MENU SERVICIO*/

ul.menuservicio {
	position:relative;
	float: left;
	top: 0px;
	left: 0px;
	height: auto;
	width: 150px;
	padding-top: 5px;
	border-top: 1px dotted #ffffff;
}
ul.menuservicio li{
	display: block;
}
ul.menuservicio li a{
	display: block;
	float:left;
	height: 20px;
	width: 150px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	letter-spacing: 1px;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}
ul.menuservicio li a: link {
	color: #ffffff;
}
ul.menuservicio li a:visited {
	color: #ffffff;
}
ul.menuservicio li a:hover {
	color: #990000;
}


/************************//* MENU BAJO*/

ul.menubajo {
	position: relative;
	top: 25px;
	left: 45px;
	height: 20px;
	width: 890px;
}
ul.menubajo li{
	display: inline;
}
ul.menubajo li a{
	display: block;
	float:left;
	height: 20px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}

ul.menubajo li a: link {
	color: #ffffff;
}
ul.menubajo li a:visited {
	color: #ffffff;
}
ul.menubajo li a:hover {
	color: #990000;
}

/************************//* BOTON MENU MARCAS CONTENEDOR IZQ */

ul.botonmenu {
	position: relative;
	top: 5px;
	left: 5px;
	height: auto;
	width: 255px;
}
ul.botonmenu li{
	display: inline;
}
ul.botonmenu li a{
	display: block;
	float:left;
	height: 50px;
	width: 80px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.botonmenu a:hover img { border: 1px solid #990000; }



/************************//* BOTON MENU MARCAS 2 */

ul.botonmenu2 {
	position: relative;
	top: 20px;
	left: 25px;
	height: auto;
	width: 540px;
}
ul.botonmenu2 li{
	display: inline;
}
ul.botonmenu2 li a{
	display: block;
	float:left;
	height: 50px;
	width: 80px;
	margin-right: 8px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 8px;
	color: #ffffff;
	font-weight: bold;
}

.botonmenu2 a:hover img { border: 1px solid #990000;}

ul.botonmenu2 li a: hover{
	color: #990000;
	text-decoration: none; 
}

.txtbm{/*texto de titulo de boton más pequeño para que no se desborde*/
	font-size: 7px;
}
/**************************//*ESTILOS*//***************/
.t1{
	font-size: 60px;
}
.t2{
	font-size: 45px;
}
.titesp {
	font-size: 25px;
	font-weight: bold;
	color: #FF9900;
}
.tit{
	font-size: 21px;
	color: #FF9900;
	letter-spacing: 1px;
	font-weight: bold;
}
.tit2{
	font-size: 17px;
	color: #ffffff;
	letter-spacing: 1px;
}
.tit3{
	font-size: 21px;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight:bold;
}
.pp{
	margin-top: 20px;
}
.ptxt{
	margin-top: 10px;
}
.p2{
	margin-top: 5px;
}
.txttel{
	font-size: 17px;
	font-weight: bold;
	color: #930c12;
	letter-spacing: 1px;
}
.txt{
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
}


/*********************LINKS****************************/

.linktit{
	font-size: 21px;
	color: #FF9900;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}
a.linktit:link{
	color: #FF9900;
	text-decoration: none;
	
}
a.linktit:visited{
	color: #FF9900;
	text-decoration: none;
}
a.linktit:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.link2{
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}
a.link2:link{
	color: #ffffff;
	text-decoration: none;
	
}
a.link2:visited{
	color: #ffffff;
	text-decoration: none;
}
a.link2:hover{
	color: #FF9900;
	text-decoration: none;
}
/*********************************************************/
/*Link Idea Corporativa*/


.idea {  
	color: #A8A8A8;
	text-decoration: none;
}
a.idea:link {
	color: #A8A8A8;
	text-decoration: none;
}
a.idea:visited {
	color: #A8A8A8;
	text-decoration: none;
}
a.idea:hover {
	color: #F28000;
	text-decoration: none;
}
.corporativa{   
	color: #F28000;
	text-decoration: none;
}
a.corporativa:link { 
	color: #F28000;
	text-decoration: none;
}
a.corporativa:visited {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:hover {
	color: #A8A8A8;
	text-decoration: none;
}