body {
	font-family:				'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:					13px;
	color:						#797979;
}


/* ------------ /// ------------ /// ------------ /// ------------ LAYOUT ------------ */

/* Destacado superior */
.destacado {
	width:						100%;
	margin-top:					30px;
	background:					url(../img-2/puntoAzul_back.gif);
	background-position:		top center;
}

.destacado #imagen {
	width:						950px;
	height:						auto;
	margin:						0px auto;
	border-left:				4px solid #fff;
	border-right:				4px solid #fff;
 	background:					#fff;
	padding-bottom:				5px;
}

.destacado #imagen img {
	display:					block;
}

/* Contenido Principal */
.contenido {
	width:						950px;
	margin:						40px auto 0px auto;
}

.izquierda {
	width:						525px;
	float:						left;
	background:					url(../img-2/historia_back1.gif) no-repeat left top;
	padding:					15px 0px 0px 25px;
	margin-bottom:				40px;
}

.izquierda p {
	text-align:					justify;
}

.derecha {
	width:						360px;
	float:						right;
}

.centro {
	width:						925px;
	float:						left;
	background:					url(../img-2/historia_back1.gif) no-repeat left top;
	padding:					15px 0px 0px 25px;
	margin-bottom:				40px;
}

ul.lista_azul {
	list-style:					square inside;
	color:						#98012e;
}

ul.lista_azul li {
	line-height:				25px;
}

ul.lista_azul li span {
	color:						#797979;

}

/* Estilos de texto */

h1 {
	width:						100%;
	font-size:					38px;
	color:						#9a012f;
	font-weight:				normal;
	border-bottom:				1px dotted #b3b3b3;
}

h2 {
	font-size:					16px;
	font-weight:				bold;
	color:						#9a012f;
}

/* Radiobuttons y Checkbox personalizados */

.radioOff, .checkboxOff {
	font-size:					12px;
	display: 					block;
	margin: 					0px;
	padding-left:			 	25px;
	color:						#999;
	background:					url(../img-2/radio_off.gif) no-repeat;
	background-position: 		0% 2px;
	border: 					0px;
	padding-bottom:				7px;
	padding-top:				3px;
	cursor:						pointer;

}

.radioOn, .checkboxOn {
	font-size:					12px;
	display: 					block;
	margin: 					0px;
	padding-left: 				25px;
	color:						#999;
	background: 				url(../img-2/radio_on.gif) no-repeat;
	background-position: 		0% 2px;
	border: 					0px;
	padding-bottom:				7px;
	padding-top:				3px;
	cursor:						pointer;
	font-weight:				bold;
}

.checkboxOff {
	background-image:			url(../img-2/checkbox_off.gif);
}

.checkboxOn {
	background-image:			url(../img-2/checkbox_on.gif);
}

/* ------------ /// ------------ /// ------------ /// ------------ BANNERS HOME ------------ */

#banners_home {
	float:						left;
}

#banners_home a {
	width:						550px;
	height:						130px;
	display:					block;
	background-position:				top;
	margin-bottom:					35px;
}
#banners_home a span {
	width:						550px;
	height:						130px;
	display:					block;
	opacity:					0;
	background-position:				bottom;
}

#banners_home .historia,
#banners_home #bannerHistoria {
	background-image:				url(../img-2/banner_historia.jpg);
}
#banners_home .negocios,
#banners_home #bannerNegocios {
	background-image:				url(../img-2/banner_negocios.jpg);
}
#banners_home .fabricas,
#banners_home #bannerFabricas {
	background-image:				url(../img-2/banner_fabricas.jpg);
}


/* ------------ /// ------------ /// ------------ /// ------------ DISPLAY HOME ------------ */

#display_home {
	width:						370px;
	height:						460px;
	float:						right;
	position:					relative;
}


#display_home .display_bottom {
	position:					absolute;
	bottom:						-6px;
	left:						-6px;
}

#display_menu {
	width:						370px;
	height:						39px;
	background:					#DDDDDD url(../img-2/display_menu_back.gif) no-repeat;
	display:					block;
	position:					absolute;
	left:						0px;
	top:						0px;
}

#display_home #display_menu a {
	width:						87px;
	height:						39px;
	display:					block;
	float:						left;
	background-position:				top;
	outline:					0;
	text-indent:					-1000em;
}

#display_home #display_menu a:hover {
	background-position:				0px 78px;
}

#display_home #display_menu a.selected {
	background-position:				bottom;
	cursor:						default;
}

#display_home #display_menu a#disp_menu_video {
	background-image:				url(../img-2/display_menu_video.gif);
}

#display_home #display_menu a#disp_menu_fotos {
	background-image:				url(../img-2/display_menu_fotos.gif);
}

/* Display Video Institucional */
#display_video {
	position:					relative;
	width:						322px;
	height:						400px;
	padding:					15px 18px 0px 18px;
	background:					#D9D9D9 url(../img-2/video_back.gif) repeat-x top;
	left:						0px;
	top:						39px;
	border-left:					6px solid #ff867b;
	border-right:					6px solid #ff867b;
}

#display_video #video_institucional {
	border:						1px solid #b4b3b3;
	margin:						10px 0px;
}

#display_video a {
	width:						322px;
	height:						55px;
	line-height:					40px;
	color:						#3a7db1;
	font-weight:					bold;
	outline:					0;
}

#display_video a:hover {
	text-decoration:				underline;
}

#display_video a img {
	float:						left;
	padding-right:				10px;
}



/* Display Fotos */
#display_fotos {
	position:					relative;
	left:						0px;
	top:						39px;
	width:						358px;
	height:						365px;
	border-left:					6px solid #ff867b;
	border-right:					6px solid #ff867b;
}

#fotos_bottom {
	position:					absolute;
	bottom:						-56px;
	left:						0px;
	width:						358px;
	height:						50px;
	background:					url(../img-2/fotos_bottom.gif) no-repeat;
	overflow:					hidden;
}
#fotos_bottom a {
	outline:					0;
}
#fotos_bottom #foto_left {
	position:					absolute;
	width:						21px;
	height:						21px;
	background:					url(../img-2/foto_left.gif) no-repeat;
	left:						10px;
	top:						15px;
}

#fotos_bottom #foto_right {
	position:					absolute;
	width:						21px;
	height:						21px;
	background:					url(../img-2/foto_right.gif) no-repeat;
	right:						10px;
	top:						15px;
}
#fotos_bottom #foto_left:hover,
#fotos_bottom #foto_right:hover {
  cursor:		pointer;
}

/* Thumbs de fotos */
#fotos_bottom #fotos {
	position:					absolute;
	width:						265px;
	height:						39px;
	left:						42px;
	top:						5px;
	padding-left:					5px;
	overflow:					hidden;
}
#fotos_bottom #fotos ul {
	position:					absolute;
}
#fotos_bottom #fotos ul li {
	width:						33px;
	height:						33px;
	float:						left;
	margin:						0px 3px;
	border:						3px solid #fff;
	overflow:					hidden;
}
#fotos_bottom #fotos ul li:hover {
	border:						3px solid #ff867b;
}
#fotos_bottom #fotos ul li a img {
	width:						33px;
	height:						33px;
}

/* ------------ /// ------------ /// ------------ /// ------------ MARCAS HOME ------------ */

#marcas_home {
	width:						100%;
	height:						80px;
	margin-top:					50px;
	display:					block;
	background:					url(../img-2/marcas_back.gif) repeat-x;
	float:						left;
}

#marcas_home .marcas {
	width:						970px;
	padding:					25px 0px 0px 0px;
	margin:						0px auto;
}

#marcas_home .marcas a {
	height:						27px;
	margin-left:				50px;
	padding-right:				43px;
	border-right:				1px dotted #797979;
	float:						left;
}

/* ------------ /// ------------ /// ------------ /// ------------ HISTORIA Y CULTURA ------------ */

#historia #display_video {
	width:						322px;
	height:						420px;
	background:					url(../img-2/historia_videoBack.gif) no-repeat;
	display:					block;
	padding-top:				55px;
	padding-right:				20px;
	border:						none;
	float:						right;
	position:					relative;
	top:						0px;
	right:						0px;
}

#historia #display_video a {
	line-height:				55px;
}

#milestones ul {
	width:						925px;
	border-left:				5px solid #ff867a;
/*	background:					url(../img-2/milestone_back.gif) repeat-y left top;*/
	margin-top:					15px;
	/*padding:					7px 0px;*/
}

#milestones ul li {
	background:					url(../img-2/milestone_year.gif) no-repeat left;
	padding-left:				3px;
	margin-bottom:				14px;
}

#milestones ul li span {
	font-size:					13px;
	font-weight:				bold;
	color:						#fff;
	padding-right:				20px;
}

/* ------------ /// ------------ /// ------------ /// ------------ FABRICAS ------------ */

#fabricas a {
	color: #ff867a;
	font-size:14px;
	font-weight:bold;
}

#fabricas a:hover {
	text-decoration: underline;
}

#fabricas h2 {
color: #9a012f;
margin-bottom: 5px;
}

#fabricas h2 span {
	font-size: 13px;
	font-weight: normal;				
}

#fabricas  ul {
	width: 925px;
	border-bottom: 1px dotted #acacac;
	padding-bottom:25px;
	margin-bottom:25px;
}

#fabricas  ul li {
	width: 350px;
	position: relative;
}

#fabricas ul li span {
	position: absolute;
	right: 0px;
}

#fabricas ul li.imagenes {
	width: 495px;
	float:right;
	list-style:none;
}

#fabricas ul li.imagenes a {
	width:70px;
	height:70px;
	float:left;
	margin:0px 10px;
	border:3px solid #d9d9d9;
}

#fabricas ul li.imagenes a:hover {
	border-color: #ff867a;
}

/* Productos */

#productos .image {
	width:			680px;
	float:			right;
	list-style:		none;
}

/* ------------ /// ------------ /// ------------ /// ------------ CONTACTO ------------ */

#publicidad .imagenes {
	display: block;
	margin: 10px;
}

#publicidad ul li {
	clear:both;
}

#publicidad ul li.imagenes {
	float:left;
	clear:both;
	list-style:none;
}

#publicidad ul li.imagenes a {
	width:70px;
	height:70px;
	float:left;
	margin:0px 10px;
	border:3px solid #d9d9d9;
}

#publicidad ul li.imagenes a:hover {
	border-color: #ff867a;
}

/* ------------ /// ------------ /// ------------ /// ------------ PRENSA ------------ */

#prensa .lista_azul a {
	color:					#9a012f;
	font-weight:bold;
	vertical-align:bottom;
	
}

#prensa .lista_azul li {
	margin-bottom: 30px;
	border-bottom: 1px dotted #adadda;
	padding-bottom: 10px;

}

#prensa .lista_azul img {
	margin-top: 10px;
}

#prensa .lista_azul a:hover {
	text-decoration:underline;
}

#prensa .lista_azul a span {
	color:#adadad;
	font-size:12px;
	font-weight:normal;
}

/* ------------ /// ------------ /// ------------ /// ------------ CONTACTO ------------ */

#contacto {
	margin-bottom:				50px;
}

#contacto form {
	float:						left;
	margin-top:					10px;
	position:					relative;
	margin-bottom:				30px;
}

#contacto table {
	width:						500px;
	float:						left;
	margin:						15px 0px 5px 0px;
	display:					inline;
}

#contacto table .campo_title {
	width:						225px;
	padding-right:				7px;
	text-align:					left;
	font-weight:				bold;
	font-size:					13px;
	vertical-align:				baseline;
	padding-bottom:				0px;
	line-height:				24px;
	color:						#999999;
}

#contacto table #cv {
	width:						480px;
}

#contacto table #cv input{
	width:						200px;
	float:						right;
	height:						20px;
	border:						0px solid;
	margin-top:					3px;
	margin-left:				5px;
	padding:					0px;
}

#contacto table td {
	padding-right:				13px;
	padding-bottom:				15px;
}

#contacto table input {
	width:						225px;
	height:						15px;
	float:						left;
	padding:					5px;
	color:						#333333;
	background:					#f0f0f0;
}

#contacto table textarea {
	width:						470px;
	height:						90px;
	float:						left;
	padding:					5px;
	color:						#333333;
	background:					#f0f0f0;
}

#log_res {
	width:						250px;
	height:						58px;
	font-size:					15px;
	margin-top:					30px;
	color:						#1562ad;
	font-weight:				bold;
	padding:					10px;
	float:						right;
	margin-right:				150px;
	display:					inline;
}

.botones {
	width:						350px;
	height:						27px;
	position:					absolute;
	right:						0px;
	bottom:						0px;
	right:						70px;
}

.botones input {
	height:						27px;
	float:						left;
	font-size:					16px;
	color:						#9a012f;
	font-weight:				bold;
	margin-right:				5px;
	cursor:						pointer;
	background:					none;	
	border-right:				1px dotted #adadad;
	padding:					0px 20px;
}

/* ------------ /// ------------ /// ------------ /// ------------ FOOTER ------------ */

#footer {
	width:						100%;
	float:						left;
	height:						50px;
}

#footer .pie {
	width:						950px;
	margin:						0px auto;
	font-size:					11px;
	color:						#b7b7b7;
	padding-top:				22px;
	padding-bottom:				25px;
}

#footer .foot_cuoma {
	height:						17px;
	float:						right;
	background:					url(../img-2/footer_cuoma.gif) no-repeat right top;
	padding-right:				80px;
	font-size:					11px;
	color:						#b7b7b7;
	margin-right:				15px;
	display:					inline;
}

