@charset "utf-8";

/*Alejandro Cobo-2007*/

/* CSS Document */



					/* Para resetear los estilos de los navegadores */

* { 

	margin:0;

	padding:0;

}

table {

	

	border-spacing:0;

}

fieldset, img { 

	border:0px none;

}

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 {

	

}

abbr, acronym { 

	border:0px none;

}

					/* Etiquetas de HTML */

html{

	background-color: #FCE0EC;

}

body {

	background-color: #FCE0EC;

	font: 14px/140% "Trebuchet MS", Arial, sans-serif;

	color: #333;

	width: 900px;

	margin: auto;



}

a:link {

	color:  #32628B;

	text-decoration: underline;

}

a:visited {

		color: #32628B;

	text-decoration: underline;

}

a:hover {

	color: #32628B;

	text-decoration: none;

}



p {

	margin-top: 10px;

}



ul li {

	list-style: disc;

}

ol li {

	list-style: decimal;

	margin-left: 15px;

	margin-top: 10px;

}

h1, h2, h3, h4, h5, h6, .contentheading, .message {

	line-height: normal;

	margin-top: 10px;

	font-family: Georgia, "Times New Roman", Times, serif;

}

h1 {

	font: 60px Arial, Helvetica, sans-serif;

		margin-top: 0px;



}

h2, .contentheading, .message, .componentheading {

	font-size: 24px;

}

h3 {

	font-size: 24px;

}

h4 {

	font-size: 18px;

	display: block;

	margin-bottom: 5px;

	border-bottom: 1px dotted #036;

	margin-top: 20px;

}

input {

	border: 1px solid #003300;

}

input[type="text"]:focus, input[type="password"]:focus {

	border: 2px solid #9C3;

}

input[type="radio"]{

	border: 0px solid #9C3;

}

h2 {

	display: none;

}

dt {

	font-weight: bold;

	color: #990000;

	margin-top: 15px;

}

dd {

}

.invisible{

	display: none;

}

					/* MAQUETACION */

#fondo{

	background-image: url('../images/fondo-principal.jpg');

	background-repeat: no-repeat;

	vertical-align: middle;

	margin-top: -270px;/*mitad en negativo del height*/

	margin-left: -450px;/*mitad en negativo del width*/

	position: absolute;

	top: 50%;

   left: 50%;

	width:900px;

	height: 550px	

}

#botonera{

	float: left;

	width: 190px;

	height: 411px;

}

#contactotel{

background-image: url('../images/');

	float: left;

	text-align: right;

	width: 182px;

	height: 120px;

	margin-top: 30px;

	line-height: 15px

}

#editable{

	float: right;

	width: 710px;

	height: 411px;

}

#bannersup{

	width: 900px;

	height: 139px;

}

#bannermed{

	float: left;

	width: 626px;

	height: 139px;

	padding-top: 2px;

}

#logo{

	float: left;

	background-image: url('../images/');

	background-repeat: no-repeat;

	width: 156px;

	height: 139px

}

#logofabricas{

	float: right;

	background-image: url('../images/');

	background-repeat: no-repeat;

	width: 118px;

	height: 139px

}

#contenido{

	width: 710px;

	height: 400px;

}

#contenido02{

	background-image: url('../images/fonfoproductos.png');

	width: 475px;

	height: 400px

}

#textoinicio{

		float: left;

	background-image: url('../images/fonfocontenido.png');

	width: 458px;

	height: 370px;

	padding-top: 30px;

	padding-left: 20px

}

#textoproductos{

	float: left;

    background-image: url('../images/fonfoproductos.png');  

	width: 458px;

	height: 370px;

	padding-top: 30px;

	padding-left: 20px;

}

#slides{

	float: right;

	width: 232px;

	height: 400px;

}

#banner{

	float: right;

	width: 90px;

	height: 90px;	

	margin-right: 65px;

	margin-top: 33px;

}

.titulo{

	font-weight: bolder;

	color: #32628B;

	text-align: right;

	padding-top: 40px;

	}

.secciones{

	font-weight: bolder;

	color: #32628B;

	text-align: left;

	}

.txtcontacto{

font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	text-align: center;

	line-height: 13px;

	}

.titcont{

	font-weight: bolder;

	color: #8B0000;

	text-align: right;

	}

.tel{

	font-weight: bolder;

	color: #32628B;

	text-align: right;

	}

.titsecciones{

	font-weight: bolder;

	color: #32628B;

	text-align: left;

	font-size: 25px;

	}

.no{

	font-weight: bolder;

	color: Maroon;

	text-align: left;

	font-size: 10px;

	}

.tienda{

	font-weight: bolder;

	color: #32628B;

	text-align: right;

	font-size: 20px;

	}

.inititulo{

	font-weight: bolder;

	color: #53626E;

	text-align: center;

	padding-top: 36px;

	}

.txtcontenido{

	font-size: 12px;

	color: #36434C;

	line-height: 15px;

}

			/*BOTONES*/

/*boton quienes*/

ul.botoninicio {

	float:left;

}

ul.botoninicio li {

	display: block;

	list-style: none;

}

ul.botoninicio li a {

	background-image: url('../images/.png');

	background-repeat: no-repeat;

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #0e4680;

	font-weight: bold;

	height: 25px;

	width: 95px;

	display: block;

	text-align: right;

	margin-top: 137px;

	margin-left: 25px;

	padding-top: 5px; list-style-type:none

}

a.botoninicio:hover {

	color: Maroon;

	background-image:	url('../images/circuloboton-on.png');

	background-repeat: no-repeat

}

ul.botonproductos {

	float:left;

}

ul.botonproductos li {

	display: block;

	list-style: none;

}

ul.botonproductos li a {

	background-image: url('../images/.png');

	background-repeat: no-repeat;

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #0e4680;

	font-weight: bold;

	height: 25px;

	width: 90px;

	display: block;

	text-align: right;

	margin-left: 10px;

	padding-top: 5px; list-style-type:none

}

a.botonproductos:hover {

	color: Maroon;

	background-image:	url('../images/.png');

	background-repeat: no-repeat

}

ul.botoncolaboradores {

	float:left;

}

ul.botoncolaboradores li {

	display: block;

	list-style: none;

}

ul.botoncolaboradores li a {

	background-image: url('../images/.png');

	background-repeat: no-repeat;

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #0e4680;

	font-weight: bold;

	height: 25px;

	width: 130px;

	display: block;

	text-align: right;

	margin-left: 4px;

	padding-top: 5px; list-style-type:none

}

a.botoncolaboradores:hover {

	color: Maroon;

	background-image:	url('../images/.png');

	background-repeat: no-repeat

}

ul.botoncontacto {

	float:left;

}

ul.botoncontacto li {

	display: block;

	list-style: none;

}

ul.botoncontacto li a {

	background-image: url('../images/.png');

	background-repeat: no-repeat;

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #0e4680;

	font-weight: bold;

	height: 25px;

	width: 110px;

	display: block;

	text-align: right;

	margin-left: 0px;

	padding-top: 5px; list-style-type:none

}

a.botoncontacto:hover {

	color: Maroon;

	background-image:	url('../images/.png');

	background-repeat: no-repeat

}

					/*PIE DE PAGINA*/

a.idea:link {

	color: #333333;

	text-decoration:underline;

}

a.idea:visited {

	color: #333333;

	text-decoration: none;

}

a.idea:hover {

	color: #0066FF;

	text-decoration: underline;

}

a.idea:active {

	color: #F28000;

}

a.corporativa:link {

	color: #F28000;

	text-decoration: underline;

}

a.corporativa:visited {

	color: #F28000;

	text-decoration: none;

}

a.corporativa:hover {

	color: #0066FF;

	text-decoration: underline;

}

a.corporativa:active {

	color: #ffffff;

}

#piepagina{

	clear: both;

	text-align: center;

 font-family: Arial, Helvetica, sans-serif;

 	 color: Black;

	 font-size: 12px;

}
