/* Generales */
#gramalla {
	font-size:12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;   
	background-color: #003366;
}
html {
	margin: 0px;
	padding: 0px;
}

* {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
body {
	margin: 0px;
	padding: 0px;
}	
body ul {
	/*display:none;*/
}	
div ul {
	display:block;
}	
div {
	margin: 0px;
	padding: 0px;
	position:relative;
	
}
li {
	list-style-type: none;
}
ul {
	margin: 0px;
	padding: 0px;	
}
#main {
	font-size:12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;   
	background-color: #003366;
}
#mainContainer iframe {
	width: 100%;
	height: 364px;
	border:0px;
}
/*HEADER*/
#header {
	margin-top: 0px;
	background-color: #FFFFFF;
}
#headerContainer {
	margin:auto;
	width: 957px;
	height: 226px;
	position:relative;
}
#headerTop {
	width: 957px;
	float:left;
}

#headerBottom  {
	width: 957px;
	float:left;
}

#espacioIzquierdo{
	width: 153px;
	height: 193px;
	float: left;
}

#logoTop{
	float: left;
	width: 160px;
	height: 193px;
}
#logoTop img{
	margin-top: 83px;
}

#sepCentro{
	margin-top: 23px;
	float: left;
	width: 15px;
	height: 170px;
	background: url(../images/header/separadorHeader.jpg)  repeat-y 0px 0px;
}
#espacioCentro{
	float: left;
	width: 211px;
	height: 193px;
}
#direccion {
	margin-top: 23px;
	width: 211px;
	height: 138px;
}
#direccion table {
	font-size:12px;
	font-family: Tahoma, Arial;
	color: #999999;
}
#direccion table tr{
	height:15px;
}
#header .mail {
	text-decoration:none;
	font-size:11px;
	color: #3399ff;
}
#header .menu {
	text-decoration:none;
	font-weight:bold;
	text-align: left;
}
#optContactar {
	width: 156px;
	height: 32px;
	background-color: #3399ff;
}
#optContactar a {
	line-height: 32px;
	color: #FFFFFF;
}
#espacioDerecho {
	width: 418px;
	height: 193px;
	float: left;
}
#espacioDerecho iframe {
	width: 418px;
	height: 193px;
	border:0px;
}
#imagenDerecha{
	width: 418px;
	height: 193px;
	background: url(../images/header/espacioDerecho.jpg)  no-repeat 106px 0px;
}
#headerBottom .menu {
	line-height: 32px;
	color: #333333;
}
#headerBottom .menu:hover {
	color: #66cc33;
}

#sepNosotros{
	float: left;
	width: 8px;
	height: 33px;
	background: url(../images/blank.jpg)  repeat-y 0px 0px;
}
#optNosotros{
	width: 145px;
	height: 33px;
	float: left;
}
#optNosotros div{
	color: #333333;
	line-height: 32px;
}

#panelNosotros {
	display:none;
	width:321px;
	height:364px;
	left: -8px;
	position: absolute;
	z-index: 100px;
	top:33px;
}

#panelNosotros .panelTransparente{
	width: 321px;
	height: 364px;
}
#panelNosotros .contenidoPanelTransparente{
	width: 321px;
	height: 364px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	
}
#optNosotros h1 {
	width: 171px;
	height: 32px;
	font-size:12px;
	background-color:#66cc33;
	margin:0px 0px 3px 0px;
}

#optNosotros p.grande{
	line-height: 24px;
	font-size:11px;
	margin: 0px 8px 24px 8px;
}

#logoBottom{
	float: left;
	width: 160px;
	height: 33px;
}

#sepProductos{
	float: left;
	width: 15px;
	margin-top:5px;
	height: 28px;
	background: url(../images/header/separadorHeader.jpg)  repeat-y 0px 0px;
}
#optProductos{
	float: left;
	width: 304px;
	height: 33px;
	z-index: 90;
}

#menuProductosOpciones{
	position: absolute;
	margin-left: -8px;
	display: none;
	z-index: 80;
	width: 319px;
	background-color:transparent;
	top:33px;
}
#menuProductosOpciones .panelTransparente{
	width: 174px;
	height: 300px;
}

#menuProductosOpciones .contenidoPanelTransparente {
	width: 174px;
}
#menuProductosOpciones .contenidoPanelTransparente li{
	font-size: 11px;
	height:32px;
	margin: 0px 0px 12px 0px;
	width: 171px;
	padding:0px;
	z-index: 100;
}
#menuProductosOpciones ul li a div{
	height:32px;
	width: 164px;
	text-decoration:none;
	color:#FFFFFF;
	font-size: 11px;
	z-index: 100;
}


#menuProductosOpciones li a{
	height:32px;
	line-height:32px;
	font-weight: bold;
	text-decoration:none;
	color:#FFFFFF;
	font-size: 11px;
	padding:0px;
	margin: 0px;
	width: 164px;
	z-index: 100;
}

#menuProductosOpciones .submenu{
	display:none;
	position:absolute;
	top:32px;
	width: 149px;
}
#menuProductosOpciones .submenu ul{
	top:-32px;
	width: 143px;
	left: 171px;
	position:absolute;
	margin: 5px 6px 0 0;
	background-color:#66cc33;
    opacity: 1;
	z-index: 100;
}
#menuProductosOpciones .submenu li{
	height:27px;
	margin: 0px;
	width: 138px;
	padding:0px;
	z-index: 100;
}
#menuProductosOpciones .submenu li a{
	height:27px;
	line-height:27px;
	font-weight: normal;
	text-decoration:none;
	color:#333333;
	font-size: 11px;
	padding:0px;
	
}

#menuProductosOpciones .submenu .panelTransparente {
	position: absolute;
	left: 171px;
	top:-32px;
	width:149px;	
}

.panelTransparente {
     background-color: #999999;
     left: 0px;
     opacity: 0.90;
	 position:absolute;
	 z-index:80;
}
.contenidoPanelTransparente  {
	position:absolute;
	background-color:transparent;
    opacity: 1;
	z-index: 100;
}

#sepEventos{
	float: left;
	width: 15px;
	margin-top:5px;
	height: 28px;
	background: url(../images/header/separadorHeader.jpg)  repeat-y 0px 0px;
}
#optEventos{
	float: left;
	width: 107px;
	height: 33px;
}
#optBotones{
	float: left;
	width: 203px;
	height: 33px;
	display:none;
}
#optBorrar{
	float: left;
	width: 104px;
	height: 33px;
	line-height: 32px;
	text-align:right;
}
#optBorrar a{
	color: #3399ff;
	text-decoration:none;
	font-weight:bold;
}
#optEnviar{
	float: left;
	width: 99px;
	height: 33px;
	line-height: 32px;
	background-color: #3399ff;
}
#optEnviar a{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

/*INICIO*/
#inicioContainer {
	background-color: #FFFFFF;
}

#inicioContainer #bodyTop{
	margin:auto;
	padding-left:15px;
	width: 958px;
	position:relative;
	height: 121px;
	font-size:12px;
	font-family: Tahoma, Arial;
	color: #999999;
	text-align: left;
}
#inicioContainer #bodyBottom{
	width: 100%;
}
.marcoCuerpo {
	width: 100%;
	height: 16px;
	background-color: #3399ff;	
}
.cuerpo {
	width: 100%;
	height: 211px;
	background-color: #003366;	
}

#inicioContainer #contenido{
	margin:auto;
	height: 211px;
	width: 958px;
	position:relative;
}
#inicioContainer #contenido #background{
	position:absolute;
	left:-150px;
	z-index: 0;
	
}
#inicioContainer #espacioIzquierdo{
	width: 222px;
	height: 211px;
	float: left;
}
#inicioContainer #centro{
	width: 735px;
	height: 211px;
	float: left;
	text-align:left;
}
#inicioContainer #titulo{
	width: 156px;
	height: 31px;
	line-height: 31px;
	font-weight:bold;
	background-color: #FFFFFF;	
	color: #003366;	
	margin-left:107px;
}
#inicioContainer #opciones ul {
	width: 742px;
	height: 147px;
	margin: 0px;	
	padding: 0px;
	float: left;

}
#inicioContainer #opciones li {
	width: 99px;
	height: 147px;
	list-style-type: none;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding-right: 7px;
}	

#inicioContainer #opciones li a.imagen{
	width: 99px;
	height: 115px;
	
}
#inicioContainer #opciones li img{
	border: 1px solid white;
	
}

#inicioContainer #opciones li a.texto {
	width: 99px;
	height: 33px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	line-height: 14px;	
}

/*MARCAS*/
.marca_1{
	margin-top:92px;
}
.marca_2{
	margin-top:105px;
}
.marca_3{
	margin-top:62px;
}
.marca_4{
	margin-top:107px;
}

/*FOOTER*/
#footerContainer {
	width: 100%;
	height: 31px;
	line-height: 31px;
	font-size:11px;
	font-family: Tahoma, Arial;
	text-align:center;
	color: #333333;	
	background-color: #FFFFFF;
}

/*INTERIOR*/
.interior .cuerpo {
	height: 332px;
}

 .cuerpo #separador{
	float: left;
	width: 8px;
	height: 300px;
}

/*PRODUCTO*/
#lineaContainer {
}

.interior #contenido{
	/*display:none;*/
	margin:auto;
	height: 332px;
	width: 957px;
	position:relative;
}
.interior #espacioIzquierdo{
	width: 328px;
	height: 332px;
	float: left;
}
.interior #centro{
	width: 629px;
	height: 211px;
	float: left;
	text-align:left;
}
.interior #titulo{
	width: 156px;
	height: 32px;
	line-height: 32px;
	font-weight:bold;
	color: #003366;	
	float:left;
}
.interior #encabezadoDetalle{
	width: 328px;
	height: 32px;
	float: left;
}

.interior #cuerpoDetalle{
	width: 320px;
	height: 300px;
	float: left;
}
.interior #encabezadoOpciones{
	width: 629px;
	height: 32px;
	float: left;
}

.interior #cuerpoOpciones{
	width: 629px;
	height: 265px;
	float: left;
	overflow: hidden;
}

.interior #marcas{
	width: 116px;
	height: 235px;
	float: left;
	text-align:center;
}

.interior #imagenMarca{
}

.interior #linkMarca{
	color:#FFFFFF;
	font-size:12px;
	display:none;
	text-align: right !important;
	float: right;
    margin-right: 5px;
}

.interior #detalle{
	width: 204px;
	height: 300px;
	float: left;
}

.interior #imagenDetalle{
	width: 202px;
	height: 233px;
	float: left;
}

.interior #textoDetalle{
	width: 204px;
	height: 59px;
	float: left;
	color: #FFFFFF;
	text-align:right;
	font-size:11px;
	margin-top: 6px;
}

#titulo_columna2 {
	width:99px;
	float: left;
	height: 32px;
	line-height: 32px;
	color: #003366;
	font-weight:bold;
	font-size:11px;
	display:none;
}
/*#columna2{
	width:166px;
	float:left;
}*/
.col_menu_columna2{
	display:none;
}
.col_menu_columna2{
	position:absolute;
	left: 166px;
	top: 0px;
	width: 190px
}

.columna2 {
	font-weight: normal;
	font-size: 11px;
	line-height:11px;
	text-decoration:none;
	color:#FFFFFF;
}


.col_submenu2 {
	font-size: 11px;
	line-height:11px;
	font-weight: normal;
	text-decoration:none;
	color:#999999;
}

#titulo_columna1 {
	margin-left: 108px;
	width:166px;
	float: left;
	height: 32px;
	line-height: 32px;
	font-weight:bold;
	font-size:11px;
	display:none;
}

.col_menu_columna1{
	display:none;
}
.col_menu_columna1{
	position:absolute;
	left: 265px;
	top: 0px;
	width: 166px
}

.columna1 {
	font-weight: bold;
	font-size: 11px;
	line-height:11px;
	text-decoration:none;
	color:#FFFFFF;
}

.col_submenu_columna1 {
	display:none;
}

.col_submenu1 {
	font-size: 11px;
	line-height:11px;
	font-weight: normal;
	text-decoration:none;
	color:#999999;
}
.li_columna1 {
	margin-bottom:2px;
}
.li_subcolumna1 {
	margin-top:2px;
	margin-bottom:2px;
}
#columna0{
	width:265px;
	float:left;
	top:-2px;
}
.columna0 {
	line-height:12px;
	font-weight: bold;
	text-decoration:none;
	color:#FFFFFF;
}

.col_submenu_columna0 {
	display:none;
}

.col_submenu0{
	line-height:12px;
	font-weight: normal;
	text-decoration:none;
	color:#999999;
}
.li_columna0 {
	margin-bottom:4px;
}
.li_subcolumna0 {
	margin-top:6px;
	margin-bottom:2px;
}

/* CONTACTO */

#datosFormulario{
	font-size:12px;
	font-family: Tahoma, Arial;
	color: #999999;
	font-weight: normal;
	text-decoration:none;
	color:#999999;
	width:417px;
	margin-top:24px;
}
#datosFormulario .lineaFormulario{
	width:418px;
	height: 28px;
}

#datosFormulario .textContacto{
	line-height:24px;
	float:left;
	width: 96px;
	margin: 0px 0px 4px 0px;
	text-align: right;
}

#datosFormulario .textarea{
	line-height:56px;
}

#datosFormulario .fieldContacto{
	float:left;
	margin: 0px 0px 4px 4px;
	width:318px;
	height:24px;
}

#datosFormulario .fieldContacto input{
	border: 1px solid #9f9f9f;
	width:318px;
	font-size:12px;
	height:24px;
	font-family: Tahoma, Arial;
}

#datosFormulario .fieldContacto textarea{
	border: 1px solid #9f9f9f;
	width:318px;
	height: 56px;
	font-size:12px;
	font-family: Tahoma, Arial;
}
#enviando{
	font-size:12px;
	font-family: Tahoma, Arial;
	color: #999999;
	font-weight: normal;
	text-decoration:none;
	color:#999999;
	width:417px;
	line-height:193px;
	text-align: center;
}
#columnas{
	display:none;
}

/**PRODUCTOS**/

#nombreAplicacion{
	/*margin-left: 116px;*/
	width: 107px;
	text-align: left;
}
#nombreOpcion{
	width: 105px;
	float:left;
	text-align:right;
	height: 32px;
	line-height: 32px;
	font-weight:bold;
}
.interior .titulo{
	height: 32px;
	line-height: 32px;
	font-weight:bold;
	color: #003366;	
	float:left;
}
.interior .tituloLinea{
	height: 32px;
	line-height: 32px;
	font-weight:bold;
	color: #003366;	
	float:left;
}
#productosContainer #titulo {
	color:#003366;
}
#tituloOpcion {
	height: 32px;
	width: auto;
	float:left;
	margin-right: 5px;
}
#linkVolver {
	height: 32px;
	line-height: 32px;
	float:left;
	color:#003366;
	font-weight:normal;
}

#cuerpoProductos {
	float:left;
	width: 629px;
	height: 235px;
	overflow: hidden;
}

#cuerpoProductos ul li{
	width: 99px;
	height: 114;
	margin: 0px 7px 7px 0px;
	float:left;
	
}
.marcoUltimo{
	margin: 0px 0px 7px 0px !important;
	
}
#cuerpoProductos ul li div{
	border: 1px solid #FFFFFF;	
	width: 97px;
	height: 112;
}
#cuerpoProductos ul li a{
	width: 97px;
	height: 112;
}

#trafico {
	float:left;
	width: 106px;
	height: 65px;
}
#simbologia {
	float:left;
	width: 314px;
	height: 65px;
}
#footerProductos {
	float:left;
	width: 629px;
	height: 65px;
}
#separadorCuerpoProductos {
	float:left;
	width: 209px;
	height: 33px;
}
#scrollLineasContainer {
	float:left;
	width: 629px;
	height: 32px;	
	margin-top: 3px;
}
#scrollProductosContainer {
	float:left;
	width: 209px;
	height: 32px;
}


#scrollLineas {
	display:none;
	float:right;
	width: 145px;
	height: 32px;
}

#scrollProductos {
	display:none;
	float:right;
	width: 145px;
	height: 32px;
}
#lineaContainer #scrollProductosContainer #scrollProductos {
	width: 151px;
}

#scrollLess {
	float:right;
	width: 42px;
	height: 32px;	
}
#scrollMore {
	float:right;
	width: 99px;
	height: 32px;	
}

#btn_scroll_more {
	color: #003366;
	line-height: 32px;
	font-weight:bold;
	text-decoration:none;
	
}
#btn_scroll_less {
	line-height: 32px;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
}

#productosContainer #textoDetalle {
	width: 204px;
	height: 65px;
	float: left;
	color: #FFFFFF;
	text-align:right;
	font-size:11px;
}
#productosContainer #textoDetalleProducto {
	display:none;
	width: 204px;
	height: 65px;
	float: left;
	color: #FFFFFF;
	text-align:right;
	font-size:11px;
	line-height: 14px;
}
#pro_descripcion {
	font-size:11px;
}
#productosContainer #pro_nombre {
	font-weight:bold;
}
.negrita {
	font-weight:bold;
}

#productosContainer #productoDetalle{
	width: 202px;
	height: 233px;
	float: left;
}
 #imgDetalle{
	width: 202px;
	height: 233px;
}
#linkFicha{
	color:#FFFFFF;
}

.col_menu_columna3{
	display:none;
}

.marcoProducto {
	border-color: #FFFFFF;
}

.productoVacio {
	display:none;
}
#iediseno {
	padding-left:5px;
	float: left;
}

#iediseno a {
	color:#333333;
	text-decoration:none;
}
#iediseno a:hover {
	color:#66cc33;
}

#derechos {
	margin-left:347px;
	float: left;
}

#footerContent{
	margin:auto;
	padding-left:5px;
	width: 958px;
	position:relative;
	text-align: left;
}
#trafico img {
	display:none;
	margin: 7px 0px 0px 24px;
}
#simbologia ul {
	display:none;
	width: 314px;
	height: 31px;
	margin-top: 18px;
}
#simbologia li {
	float: left;	
	width: 31px;
	height: 31px;
	margin-right: 3px;
}

.show {
	display:block;
}

.hover_1 a:hover {
	color:#ff6600;
}
.hover_2 a:hover {
	color:#9966ff;
}
.hover_3 a:hover {
	color:#ff6699;
}
.hover_4 a:hover {
	color:#cc6666;
}
.hover_5 a:hover {
	color:#99ccff;
}
.hover_6 a:hover {
	color:#cccc33;
}
.hover_7 a:hover {
	color:#ffcc33;
}
#btnBorrar {
	float: right;
}