/* CSS Document */

body {
	position:relative;
	color: #F2F2F2;
	margin: 0;
	padding: 0;
	background-image:url(img/fdo.gif);
	background-position:top;
	background-repeat:repeat;
}

#container {
	position:relative;
	width: 760px;
	margin: 0px auto;
}

h4 {
	margin:0 0 0 0; 
	padding:0;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

h5 {
	line-height:12px;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0;
}

a {
	color:#FFFFFF;
}

/* ESTILO INICIO ***************************************************************/


#inicio {
	position:relative;
	width: 760px;
	height:513px;
	margin: 0px auto;
	
	background-image:url(img/fondo_index.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


.boton {
	position:relative;
	width:77px;
	height:21px;
	margin:0 auto;
	top:307px;
}


/* ESTILO HEAD ***************************************************************/
#head {
	position:relative;
	width:760px;
	height:102px;
	background-image:url(img/fondo_head.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#datos, #datos a{
	color:#000033;              /* Color de los datos del Head*/
	font-family:Tahoma;         /* Fuente de los datos del Head */
	font-size:10px;             /* Tamaņo de la Fuente*/
	padding: 16px 24px 5px 0;
	position:relative;
	float:right;
	text-align:left;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
}

#datos a{
	padding: 0;
}

#datos a:hover, #datos a:focus{
	padding: 0;
	text-decoration:underline;
}


/* ESTILO MENU ***************************************************************/

#menu {
	position:relative;
	width:500px;
	height:20px;
	top:70px;
	left:226px;
}

#separador {
	width:1px;
	height:20px;
	background-image:url(img/separador_menu.gif);
	background-repeat:no-repeat;
	float:left;
}


#boton_menu ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#boton_menu li {
	margin: 0;
	padding: 0;
	display:block;
	float:left;
}

#boton_menu li a {
	font-family:Tahoma;  /* Funte del Menu */
	font-size:11px;       /* Tamaņo de la fuente */
	color:#DFDFDF;        /* Color de la fuente */
	
	line-height:19px;
	text-align:center;
	text-decoration:none;
	display:block;
	height:20px;
	
	background-repeat:repeat-x;
	padding: 0 4px 0 4px;
	float:left;
}

#boton_menu li a.currentpage {
	font-weight:bold;
	padding: 0 4px 0 4px;
}

#boton_menu li a:hover,
#boton_menu li a:active {
	font-weight:bold;
	padding: 0 4px 0 4px;
}


/* ESTILO PAGINACION **************************************************************/

#paginas {
	position:relative;
	padding:0 10px 0 0;
	color:#D6D6D6;
	font-family:Tahoma;
	font-size:11px;
	line-height:20px;
	float:right;
	top:-45px;
}

#pag a{
	position:relative;
	padding:0 1px 0 1px;
	color:#CCCCCC;
	font-family:Tahoma;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
	margin: 0 1px 0 1px;
}

#pag a:hover,
#pag a:focus {
	color:#FFFFFF;
}

#pag a.currentpage {
	color:#FFFFFF;
	font-weight:bold;
}


/* ESTILO CENTRO **************************************************************/

#centro{
	position:relative;
	width:760px;
	height:380px;
	background-image:url(img/fondo_centro.jpg);
	background-position:top !important;
	background-position:bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
	
}

#centro, #centro h1 {	
	font-family:Tahoma;
	font-size:12px;
	text-align:center;
	color:#F2F2F2;
	line-height:18px;
}

#centro h1{	
	font-size:13px;
	font-weight:bold;
}

#firmas{
	padding: 0 50px 0 50px;
	font-family:Tahoma;
	font-size:11px;
	text-align:center;
	color:#F2F2F2;
	line-height:20px;
	letter-spacing:1px;
}

/* ESTILO SERVICIOS ***************************************************************/
#texto_servicio {
	position:absolute;
	width:280px;
	left: 10px;
	margin: 5px;
	padding: 6px;
	color:#F2F2F2;
	font-family:Tahoma;
	font-size:11px;
	text-align:left;
	line-height:20px;
}


#galeria_servicio {
	position:absolute;
	width:410px;
	left: 316px;
	margin: 5px;
	padding: 0;
	color:#F2F2F2;
	font-family:Tahoma;
	font-size:11px;
	text-align:left;
	top: 8px;
}

#imagen_serv a{
	position:relative;
	float:left;
	text-align:center;
	display:block;
	margin: 6px 2px 6px 2px;
	
	border-style:solid;
	border-color:#003366;
	border-width:3px;
	
	background-image:url(img/indicator_square.gif);
	background-repeat:no-repeat;
	background-position:center;
	
}

#imagen_serv a:hover,
#imagen_serv a:focus  {
	border-color:#EEEEEE;
}


/* ESTILO GALERIA ***************************************************************/

#galeria {
	position:relative;
	min-width:50px;
	height:auto !important;
	height:120;
	padding: 4px;
}

#imagen a{
	position:relative;
	width:135px;
	float:left;
	display:block;
	margin: 2px 20px 1px 20px;
	
	border-style:solid;
	border-color:#003366;
	border-width:3px;
	
	background-image:url(img/indicator_square.gif);
	background-repeat:no-repeat;
	background-position:center;
	
}

#imagen a:hover,
#imagen a:focus  {
	border-color:#EEEEEE;
}

#texto_galeria {
	position:relative;
	text-align:left;
	line-height:15px;
	float:none;
	width:auto;
	min-height:105px;
	height:auto;
	margin: 0 4px 0 4px;
}

#texto_galeria h1 {
	text-align:left;
	line-height:14px;
	font-weight:bold;
	margin:4px 0 3px 0;
}


/* ESTILO CATALOGO ***************************************************************/ 

.pasador {
	position:relative;
	width:740px;
	margin: 0 10px 0 10px; 
}

.legales{
	width:500px;
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:12px;
	text-align:justify;
	margin:20px;
}

.form_catalogo{
	position:relative;
	float:left;
	width:336px;
	margin: 5px 7px 0px 20px;
	text-align:left;
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:12px;
}

.titulo_campo_catalogo{
	font-family:Tahoma;
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	margin: 2px 0 0 3px;
	line-height:15px !important;
	line-height:13px;
}

.button_catalogo{
	position:absolute;
	top:175px !important;
	top:175px;
	left:256px;
	width:77px;
	height:25px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#666666;
	padding: 2px 2px 2px 6px;
	float:right;
	background-image:url(img/boton.jpg);
	border:none;
}

.rapipago {
	position:relative;
	width:650px;
	height:34px;
	background-image:url(img/online.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:6px 0 0 30px !important;
	margin:6px 0 0 0px;
	padding:0 0 0 30px;
	text-align:left;
	line-height:34px;
	color:#333333;
	font-size:11px;
}

.rapipago a {
	color:#333333;
}

.producto {
	width:500px;
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:12px;
	text-align:justify;
	margin:5px;
}

.codigo {
	position:absolute;
	padding:2px 4px 2px 4px ;
	margin:6px 0 0 16px;
	color:#333333;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
}


/* ESTILO CLIENTES ***************************************************************/ 

.cliente {
	position:relative;
	float:left;
	width:220px;
	padding:0 0 0 32px;
	font-size:11px;
	text-align:left;
	line-height:17px;
}


/* ESTILO LINKS ***************************************************************/ 

#foto_link {
	min-width:150px;
	min-height:50px;
	float:left;
	position:relative;
	padding:3px 4px 4px 4px;
}

#links {
	position:relative;
	float:left;
	width:360px;
	height:50px;
	padding:19px 6px 19px 10px !important;
	padding:12px 6px 12px 10px; 
}

#links, #links a {	
	font-family:Tahoma;
	font-size:85%;
	text-align:left;
	color:#F2F2F2;
	line-height:15px;
}

#links a{
	font-weight:bold;
}

#links a:hover, #links a:focus {
	color:#CCCCCC;
}


/* ESTILO CONTACTO ***************************************************************/ 

.form_contacto{
	position:relative;
	float:left;
	width:336px;
	margin: 7px 7px 0px 20px;
	text-align:left;
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:12px;
}

.titulo_campo{
	font-family:Tahoma;
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	margin: 0 0 0 3px;
	line-height:20px !important;
	line-height:16px;
}

.textfield{
	width:320px;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	padding: 2px 2px 2px 6px;
	font-style:normal;
	border:solid;
	border-width:2px;
	border-color:#3D5C92;
}


.textarea{
	width:308px;
	height:100px;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	padding: 2px 14px 0 6px;
	font-style:normal;
	background-color:#FFFFFF;
	border:solid;
	border-width:2px;
	border-color:#3D5C92;

}

.button{
	position:absolute;
	top:190px !important;
	top:180px;
	left:256px;
	width:77px;
	height:25px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#666666;
	padding: 2px 2px 2px 6px;
	float:right;
	background-image:url(img/boton.jpg);
	border:none;
}

/* ESTILO FOOT ***************************************************************/ 
#foot {
	position:relative;
	width:750px;
	height:28px;
	padding:0 0 0 10px;
	background-image:url(img/fondo_foot.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#E2E2E2;
	font-family:Tahoma;
	font-size:11px;
	line-height:30px;
}

.boton_catalogo {
	position:absolute;
	width:115px;
	height:20px;
	top:6px;
	left:387px;
}

#link{
	position:relative;
	width:150px;
	height:35px;
	float:right;
}