/* CSS Document */

body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: url(images/bg.jpg) repeat-x #0f3f7f;
color:#FFFFFF;
font-size:8.5pt;
vertical-align:text-top;
}

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */
/**/

img {
	border:0}

/* marcosas */


/* Formulario de Login */
.login form{
	margin:0;
	background: url(images/bg_login.jpg) no-repeat;
	font-size:10px;
	color: #404856;
}

.input_login { 
	width:120px; 
	height:15px; 
	font-size:10px; 
	background: url(images/login.png);
	color: #000066;	
	border:solid 1px #c5d8f2;
	text-indent: 7px;
	filter:alpha(opacity=80);
}

/*  BUSCADOR  */
.buscador {

	margin:0px auto;
	height:40px;
	background:url(images/navegacion.gif) no-repeat;
	font-size:11px;
	color: #FFFFFF;

}

.buscador select { 
	width:150px; 
	height:15px; 
	font-size:10px; 
	color:#000066; 
	border:solid 1px #3881ee;
	background:#CFE3FF; 
	filter:alpha(opacity=100);

}



/* /marcosas */

#wrapper {
	width:766px;
	margin:0px auto;
	background-color: #FFFFFF;
}

#header {
width:766px;
margin:0px auto;
height:155px;
}

#destacados {
margin-top:10px
}

#destacados .titulo {
height:32px;
background:url(images/tit_destacados.gif);
}

#destacados .contenedor {

}

#destacados .producto {
	width:185px;
	height:245px;
	margin:3px;
	float:left;
	background-image: url(images/destacado/ficha.jpg);
}

*html #destacados .producto {
width:185px;
height:245px;
margin:2px;
float:left;
}

#destacados .producto .foto{
	border:0px;
	width:auto;
	height:120px;
	margin-top: 25px;
	margin-left: 0px;
	margin-bottom: 10px;
}
#destacados .producto .datos{
	height:50px;
	margin:0px 7px 0px 7px;
	padding-right: 0px;
	margin-right: 10px;
}

.nombre_producto {
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	padding-top:13px;
	margin-right: 16px;
	height: 17px;
	margin-left: 20px;
}


.nombre_producto_detalle_titulo {
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	padding-top:3px;
	margin-right: 16px;
	height: 25px;
	margin-left: 35px;
	margin-top: 15px;
	border-left-style: none;
	width: 150px;
}


.nombre_producto_detalle {
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	padding-top:3px;
	margin-right: 16px;
	height: 25px;
	margin-left: 35px;
	margin-top: 0px;
	border-left-style: none;
	width: 200px;
}

.nombre_codigos {
	font-size:11px;
	color: #FFFFFF;
	padding-top: 2px;
	margin-left: 15px;
	margin-bottom: 8px;
}

.nombre_codigos_detalle {
	font-size:11px;
	color: #FFFFFF;
	margin-left: 10px;
	padding-left: 2px;
	
	
}

.nombre_codigos_detalles {
	font-size:11px;
	color: #0071B5;
	margin-left: 10px;
	padding-left: 20px;
	width: 200px;
	
	
}

.resalto {
color:#FFFFFF
}



#licencias {
margin-top:10px}
#licencias img { border:none;}
#licencias .titulo {
height:32px;
background:url(images/tit_licencias.gif);
}
#licencias .contenedor {
margin-top:10px;
height:750px}

#licencias .grupo{
margin:5px 35px 5px 40px;
width:300px;
height:81px;
float:left;
position:relative;}

*html #licencias .grupo{
margin:5px 27px 5px 27px;
width:300px;
height:81px;
float:left;
position:relative;}



#quienes {}
#quienes .titulo {
height:105px;
background:url(images/tit_quienes.jpg);
}
#quienes .contenedor {

background: white url(images/bg_quienes.jpg) no-repeat;
}

#quienes .contenedor_es {

background:url(images/bg_quienes.jpg) no-repeat;
}
#quienes .titulo .categorias{
width:200px;
font-size:11px;
text-align:right;
padding:80px 10px 0px 0px;
float:right;
}
#quienes .contenedor .texto {
font-size:12px;
font-family:Arial;
width:400px;
text-align:justify;
margin: 0px auto;
padding-top:30px}

#quienes .contenedor_es .texto {
font-size:12px;
font-family:Arial;
width:400px;
text-align:justify;
margin: 0px auto;
padding-top:30px}


#soluciones {}
#soluciones .titulo {
height:105px;
background:url(images/tit_soluciones.jpg);
}
#soluciones .contenedor {
height:520px;
background:url(images/bg_soluciones.jpg) no-repeat;
}
#soluciones .titulo .categorias{
width:200px;
font-size:11px;
text-align:right;
padding:80px 10px 0px 0px;
float:right;
}
#soluciones .contenedor .cuadro {
width:420px;
margin:0px auto;}

#soluciones .contenedor .texto {
font-size:11px;
font-family:Arial;
width:210px;
text-align:left;
margin: 0px auto;
padding-top:30px;
float:left;
position:relative;
height:400px}

#soluciones .contenedor .texto2 {
font-size:11px;
font-family:Arial;
width:200px;
text-align:justify;
margin: 0px auto;
padding-top:30px;
float:left;
position:relative;
height:400px;
margin-left:10px}

#soluciones form { margin:0px}
#soluciones select { width:150px; height:18px; font-size:10px; color:#606060; background:#eff5ff; border:solid 1px #3881ee}
#soluciones input { padding:2px 2px 0px 2px;margin:3px;width:170px; height:18px; font-size:10px; color:#2472df; background:#f1f6fd; border:solid 1px #c5d8f2; margin-left:5px}
#soluciones textarea {font-family:Arial;padding:2px 2px 2px 2px;margin:3px;width:170px; height:100px; font-size:11px; color:#2472df; background:#f1f6fd; border:solid 1px #c5d8f2; margin-left:5px}


#contacto {
	height: 680px;
}
#contacto .contenedor {
height:580px;
background:url(images/bg_contacto.jpg) no-repeat;
}
#contacto .contenedor .cuadro {
width:420px;
margin:0px auto;}

#contacto .contenedor .texto {
font-size:11px;
font-family:Arial;
width:180px;
margin:80px 0px 0px 10px;
text-align:left;
float:left;
position:relative;
height:400px;
color:#6786b8}

#contacto .contenedor .texto2 {
font-size:11px;
font-family:Arial;
width:200px;
text-align:justify;
margin:80px 0px 0px 0px;
float: left;
position:relative;
height:400px;
margin-left:10px}

*html #contacto .contenedor .texto {
font-size:11px;
font-family:Arial;
width:170px;
margin:80px 0px 0px 5px;
text-align:left;
float:left;
position:relative;
height:400px;
color:#6786b8}

*html #contacto .contenedor .texto2 {
font-size:11px;
font-family:Arial;
width:200px;
text-align:justify;
margin:80px 0px 0px 5px;
float: right;
position:relative;
height:400px;
margin-left:10px}


#contacto form { margin:0px}
#contacto select { width:150px; height:18px; font-size:10px; color:#606060; background:#eff5ff; border:solid 1px #3881ee}
#contacto input { padding:2px 2px 0px 2px;margin:3px;width:200px; height:18px; font-size:10px; color:#616161; background:#fbfbf7; border:solid 1px #e0ddc6; margin-left:5px}
#contacto textarea {font-family:Arial;padding:2px 2px 2px 2px;margin:3px;width:200px; height:100px; font-size:11px; color:#616161; background:#fbfbf7; border:solid 1px #e0ddc6; margin-left:5px}






/* CATALOGO */


#catalogo {
margin-top:15px}
#catalogo .titulo {
	height:32px;
	background:url(images/tit_catalogo.gif);
	vertical-align: bottom;
}
#catalogo .titulo .categorias{
	width:450px;
	float:right;
	font-size:11px;
	text-align:left;
	padding:5px 10px 0px 0px;
	color: #017BC4;
}

#catalogo .contenedor { height:560px;}
#catalogo .producto {
width:185px;
height:245px;
background:url(images/destacado/ficha.jpg);
margin:3px;
float:left;
}

*html #catalogo .producto {
	width:185px;
	height:245px;
	margin:2px;
	float:left;
}

#catalogo .producto .foto{
	border:0px;
	width:auto;
	height:140px;
	margin-top: 20px;
}
#catalogo .producto .datos{
width:171px;
height:50px;
margin:0px 7px 0px 7px
}




/* LINKS */

a {
	border:0px;
	color:#FFFFFF;
	text-decoration: none;
}
a:hover {
 text-decoration:none;
 color:#FFFFFF;
 }


/* BUSCADOR */

#navegacion {
width:766px;
margin:0px auto;
height:38px;
background:url(images/navegacion.gif);
font-size:10px;
color: #404856;
}

#navegacion .selectores {
width:527px;
float:left;
position:relative;
}
#navegacion span { margin:0px 10px 0px 20px}
#navegacion form { padding-top:8px}

form {
margin:0px
}

select { width:150px; height:15px; font-size:8.5pt; color:#606060; background:#eff5ff; border:solid 1px #3881ee}
input { width:170px; height:15px; font-size:8.5pt; color:#606060; background:#eff5ff; border:solid 1px #3881ee; margin-left:5px}

#navegacion .buscador {
width:220px;
float:left;
position:relative;
margin-left:5px;
}
#navegacion a{ color:#fff;}
#navegacion a:hover{ color: #003399}


/* LOGIN */

#login {
width:766px;
margin:0px auto;
height:28px;
background: url(images/bg_login.jpg);
font-size:10px;
color: #404856;
}

#login span { margin:0px 10px 0px 20px}
#login form { padding-top:4px}

input { width:149px; height:15px; font-size:10px; color:#535150; background: url(images/login.png); margin-left:5px;filter:alpha(opacity=60)}

#login .ingresar {
width:400px;
float:left;
position:relative;
margin-left:5px;
}
#login a{ color:#fff;}
#login a:hover{ color: #003399}


/* PAGINACION */

.pagination{
padding:2px 0px 2px 10px;
background-color:#ebf2fc;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display:inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #b6d0f9;
text-decoration: none; 
color: #4986e2;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #b6d0f9;
color: #4986e2;
background-color: #fff;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #becce1;
color: #becce1;
}

.pagination li.nextpage{
font-weight: bold;
}

.pagination li.currentpage{
padding: 0px 5px 0px 5px;
border: 1px solid #b6d0f9;
color: #4986e2;
background-color: #fff;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right:0px 5px 0px 5px;
padding-right: 2px;
}


/* DETALLE */

#detalle {
	width:320px;
	height:1000px;
	margin:0px auto;
	background:#fff;
	padding:10px 10px 0px 10px;
	margin-bottom: 0px;
}

#detalle .producto {
width:320px;
height:430px;
background:url(images/detalle/fondo_cuadro.gif);
position:relative;
float:left;
margin:0px auto;}

#detalle .producto .foto {
	border:0px;
	width:auto;
	height:255px;
	direction: ltr;
	padding: 10px;
	margin: 0px 15px 0px 15px;
}

#detalle .datos {
	width:auto;
	position:relative;
	float:left;
	margin-top:5px;
	height: 100px;
}
#detalle .texto {
	width:250px;
	position:relative;
	float:left;
	font-size:11px;
	text-align:justify;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 20px;
	color: #003866;
	border: 1px solid #99D2F6;
}


.link-01, .link-01:hover, .link-01 a, .link-01 a:hover,{
	color:#2779F5;}

.link-01:hover, .link-01 a:hover,{
	text-decoration:underline;}
	
/* marcosas */	

/* PRODUCTOS  */
.titulo {
	height:32px;
	background:url(images/tit_destacados.gif);
}

#destacados .producto {
	width:185px;
	height:245px;
	margin:3px;
	float:left;
	background-image: url(images/destacado/ficha.jpg);
	vertical-align:top;
	
}

.producto_resultados {
    width:185px;
	height:245px;
	margin:3px;
	float:left;
	background-image: url(images/destacado/ficha.jpg);
	vertical-align:top;
	padding-top:8px;
	}

#destacados .producto .foto{
	border:0px;
	width:auto;
	height:130px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 6px;
}

.foto a {
	border:0px;
	}

.nombre_producto {
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	padding-top:10px;
	margin-right: 16px;
	height: 10px;
	margin-left: 20px;
	margin-top: 10px;
}


.nombre_codigos {
	font-size:11px;
	color: #FFFFFF;
	margin-left: 10px;
	margin-bottom: 2px;
	height: 15px;
	width: 95px;
	float: left;
	text-align: left;
}
 
.resalto {
color:#FFFFFF
}

.ampliar, .ampliar a, .ampliar a:link {
	text-decoration:none;
	color:#FFFFFF;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 47px;
	position: relative;
	height: 45px;
	float: right;
	}


/* LICENCIAS */ 
.titulo2 {
	height:32px;
	background:url(images/tit_licencias.gif);
}

.pagination{
padding:2px 0px 2px 10px;
background-color:#ebf2fc;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display:inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited, .pagination a:link, .pagination a:hover{
padding: 0 5px;
border: 1px solid #b6d0f9;
text-decoration: none; 
color: #4986e2;
}

.pagination a:active{
border: 1px solid #b6d0f9;
color: #4986e2;
background-color: #fff;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #becce1;
color: #becce1;
}

.pagination li.nextpage{
font-weight: bold;
}

.pagination li.currentpage{
padding: 0px 5px 0px 5px;
border: 1px solid #b6d0f9;
color: #4986e2;
background-color: #fff;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right:0px 5px 0px 5px;
padding-right: 2px;
}

.tabla_contendora{	
	background-color:#FFFFFF;
	color:black;
}


.pie {
background:url(images/pie.gif);
}
.pie .direccion {
	font-size:12px;
	color:#566d8f;
	padding-top:20px;
	margin-left: 80px;
}


/* Formulario de Contactos */
.contact_texto {
font-size:11px;
font-family:Arial;
text-align:left;
color:#6786b8;
}
.contact_elemento {
font-size:11px;
font-family:Arial;
width:200px;
height:18px;
text-align:justify;
color:#616161; 
background:#fbfbf7; 
border:solid 1px #e0ddc6;
}
.contact_elemento2 {
font-size:11px;
font-family:Arial;
width:200px;
height:100px;
text-align:justify;
color:#616161; 
background:#fbfbf7; 
border:solid 1px #e0ddc6;
}
.contact_boton {
	font-size:11px;
	font-family:Arial;
	width:200px;
	height:18px;
	text-align:center;
	color:#616161;
	border:solid 1px #e0ddc6;
	background-color: #F1F1E2;
}

/* fijar alto */

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */