/* CSS Document */

body {
	background-color: #003366;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.space1 {
	height:4px;
}
.bannerBack {
	background-image:url(imagenes/bannerLeft.jpg);
	background-repeat:no-repeat;
	width:333px;
	height:214px;
	text-align: right;
}
.textosecundario {
font-family:"Times New Roman", Times, serif;
font-size: 16px;
color: #003366;
}

.textoprincipal {
font-family:"Times New Roman", Times, serif;
font-size: 13px;
color: #424141;
}

.textoextra1 {
font-family: "Times New Roman", Times, serif;
font-size: 19px;
color: #4d4f53;
letter-spacing: -1px;
}

.textoextra2 {
font-family: "Trade Ghotic", Arial, serif;
font-size: 11px;
color: #4d4f53;
}

.textoextra3 {
font-family: "Times New Roman", Times, serif;
font-size: 13px;
color: #4d4f53;
letter-spacing: -1px;
}

.textoextra4 {
font-family:"Times New Roman", Times, serif;
font-size: 13px;
color: #e50202;
}

.titulo {
font-family:"Times New Roman", Times, serif;
font-size: 21px;
color: #003366;
}

.tituloextra1 {
font-family:"Times New Roman", Times, serif;
font-size: 13px;
color: #003366;
}

a.enlace:link {color: #003366;text-decoration: none;}
a.enlace:visited {text-decoration: none;color: #003366;}
a.enlace:hover {text-decoration: underline;color: #003366;}
a.enlace:active {text-decoration: none;color: #003366;}

a.enlace1:link {color: #4d4f53;text-decoration: none;}
a.enlace1:visited {text-decoration: none;color: #4d4f53;}
a.enlace1:hover {text-decoration: none;color: #003366;}
a.enlace1:active {text-decoration: none;color: #4d4f53;}

a.enlace2:link {color: #003366;text-decoration: none;}
a.enlace2:visited {text-decoration: none;color: #003366;}
a.enlace2:hover {text-decoration: none;color: #444444;}
a.enlace2:active {text-decoration: none;color: #003366;}

a.enlace3:link {color: #73a3d3;text-decoration: none;}
a.enlace3:visited {text-decoration: none;color: #73a3d3;}
a.enlace3:hover {text-decoration: none;color: #C1C1C1;}
a.enlace3:active {text-decoration: none;color: #73a3d3;}



/*listado de Div´s*/

#contenedor {
width: 980px;
display: table;
vertical-align: top;
margin:auto;
}

#content_logo {
width: 965px;
height: 59px;
float:left;
clear:both;
padding: 68px 15px 0px 0px;
background:url(imagenes/pic_logo.jpg);
background-repeat: no-repeat;
background-position: left;
text-align: right;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#content_menu {
width: 980px;
height: 38px;
float:left;
clear:both;
background:url(imagenes/pic_back_menu.jpg);
}

#content_submenu {
width: 980px;
height: 28px;
float:left;
clear:both;
background:url(imagenes/pic_back_submenu.jpg);
}

#content_flash {
width: 980px;
float:left;
}

#content_left {
width: 186px;
vertical-align: top;
clear:left;
float:left;
}
#content_table{
vertical-align: top;
float:left;
width:980px;
}

#content_right {
vertical-align:top;
background-color:#FFFFFF;
border-right: 1px;
border-right-color: #e1e7ed;
min-height:1400px;
position:relative;
float:right;
}

#content_texto {

margin-top: 10px;
margin-bottom: 10px;
text-align:justify;
}

#content_titulo {
width: 613px;
margin-top: 5px;
margin-bottom: 5px;
text-align:justify;
}

#content_subtitulo_products {
border-color: #384e77;
border-left-style: solid;
border-left-width: 2px;
border-right-style: solid;
border-right-width: 2px;
border-top-style: solid;
border-top-width: 2px;
}

#content_texto2 {
width: 546px;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 20px;
text-align:justify;
}

#content_texto3 {
width: 546px;
margin-bottom: 10px;
margin-left: 38px;
text-align:justify;
}

#content_products1 {
width: 586px;
border: #e5e5e5 solid 18px;
vertical-align:top;
}

#content_products2 {
width: 618px;
border: #384e77 solid 2px;
vertical-align:top;
}

#content_products3 {
width: 586px;
border: #c3d3eb solid 18px;
vertical-align:top;
}

#content_accesories {
width: 143px;
height: 143px;
border: #003366 solid 1px;
vertical-align:top;
}


/* -------- ESTE ES EL MENU!!!! ----------------- */ 

#main{
width:980px;
height: 38px;
/* posición del nav */
text-align:center;
vertical-align: top;
float:left;
clear:both;
background:url(imagenes/pic_back_menu.jpg);
}

#header{
float:none; 
width: 95%;
margin-top: 8px;
height:30px;
text-align:center;
}

/* -------- Menú de Navegación -------------------- */
#nav {
margin:0;
top:10px;
vertical-align: middle;
/*margen con el div */
}

#nav li{
/*color base del texto*/
float: left;
width: 119px;
margin:0;padding:0;
list-style: none;
text-align:center;
position:relative;
cursor: default;
}

#nav li ul{
padding-top:7px;
/* referente a la parte superior */
margin:0;
}

#nav a{text-decoration:none;}
#nav li a{ color: #4d4f53;}
#nav li a:hover{text-decoration: none; color: #003366;}
#nav li li a:hover{text-decoration:none; background-color: #003366; color:#FFFFFF;}
#nav li li{filter:Alpha(opacity=50,finishopacity=50,style=1);
/* Transparencia en Internet Explorer*/ }

#nav li li a{
width: 145px; 
display:block;
float:inherit; 
color:#003366; 
background:transparent url(imagenes/qadrito.png) 0px 0px repeat scroll;
font-size: 16px;
text-align:left;
filter:Alpha(opacity=50,finishopacity=50,style=1);
z-index: 200;
}

#nav li li a:hover{ 
background-color: #003366;
/* Transparencia en Otros navegadores */
}

li ul{
padding:2px 0 1px 0;
display: none;
position:absolute;
top: 250px;
left:0;
z-index: 200;
}

li>ul{
top:auto;
left:auto;
}

li li{
float:left;
border:0;
display:block;
background:transparent;
z-index: 200;
}

li:hover ul,li.over ul{display:block;}