/* CSS Document */
/* { autor: daniel.barrios(a)gmail.com } */

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(img/bg_site.gif);
	background-repeat:repeat-x;
}


/********** CUERPO **********/
#cuerpo {
	width:998px;
	height:auto;
	float:none;
	clear:both;
	margin:auto;
	padding:0 13px;
	background-image:url(img/bg_cuerpoTop.gif);
	background-repeat:no-repeat;
}

/********** HEADER **********/
#header {
	width:998px;
	height:101px;
}

/********** MENU **********/
#menu {
	width:974px;
	height:39px;
	background-image:url(img/bg_menu.gif);
	padding:7px 11px 0 13px;
	font-size:12px;
	color:#666;
	font-weight:bold;
}

#menu ul {
	margin:0;
	width:auto;
	height:27px;
	padding:0;
}

#menu ul li {
	float:left;
	margin:0;
	width:auto;
	height:27px;
	list-style:none;
	font-size:14px;
}

#menu ul li a {
	color:#666;
	text-decoration:none;
	display:block;
	padding:5px 12px 6px 12px;
}

#menu ul li a:hover, #menu ul li .activado {
	color:#fff;
	text-decoration:none;
	background-color:#000;
	display:block;
}

/********** HOME **********/
#fotoHome {
	width:998px;
	height:211px;
}


#main {
	width:920px;
	min-height:300px;
	margin:0 11px 0 14px;
	padding-left:27px;
	padding-right:27px;
	padding-bottom:20px;
}

.padTop {
	padding-top:20px;
}

#main p {
	margin:0;
}


/********** NOTICIAS INTERNA **********/
.noticiasFrame {
	width:595px;
	height:auto;
	margin-top:40px;
	margin-left:15px;
}

.titNoticiasFrame {
	width:575px;
	height:14px;
	background-image:url(img/titEventosFrame.gif);
	color:#990000;
	font-size:15px;
	padding:10px;
}

.bodyNoticiasFrame  {
	width:588px;
	height:139px;
	border:#dcdcdc 1px solid;
	padding:0 0 0 5px
}

.p_pad {
	padding-bottom:20px;
	line-height:18px;
}

.tapaNoticias {
	float:left;
	width:282px;
	height:auto;
	padding:20px 0 0 17px;
}

.divisorNoticias {
	padding-left:10px;
	padding-bottom:10px; .padding-top:10px;
}

/********** GENERALES **********/
.tituloSeccionHome {
width:935px;
height:33px;
background-image:url(img/bg_tituloSeccion.gif);
font-size:18px;
margin:0 11px 0 14px;
padding:18px 0 0 39px;
}

.tituloSeccionTab {
	float:left;
	width:auto;
	height:26px;
	color:#FFFFFF;
	background-color:#990c1d;
	padding:4px 14px 0 14px;
	margin-right:2px;
}

	a.tituloSeccionTab {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	
	a:hover.tituloSeccionTab {
		background-color:#990c1d;
		color:#fff;
		text-decoration:none;
	}


.tituloSeccionTabActive {
	float:left;
	width:auto;
	height:26px;
	padding:4px 14px 0 14px;
	margin-right:2px;
	display:block;
}

a.tituloSeccionTabActive {
	display:block;
	color:#000;
	text-decoration:none;
}

a:hover.tituloSeccionTabActive {
	background-color:#990c1d;
	color:#fff;
	text-decoration:none;
}

.tituloSeccion {
width:935px;
height:27px;
background-image:url(img/bg_tituloSeccion.gif);
font-size:18px;
margin:0 11px 0 14px;
padding:24px 0 0 39px;
}

.cursiva {
font-style:italic;
}

a.lnkRojo {
	color:#a50f14;
	text-decoration:none;
}

a:hover.lnkRojo {
	color:#a50f14;
	text-decoration:underline;
}



a.lnkRojo10 {
	font-size:10px;
	color:#a50f14;
	text-decoration:none;
}

a:hover.lnkRojo10 {
	color:#a50f14;
	text-decoration:underline;
}

/********** EVENTOS **********/
.eventosLeft {
	float:left;
	width:611px;
	height:auto;
	margin-right:10px;
	padding-top:20px;
}

.eventosFrame {
	width:595px;
	height:auto;
	margin-top:280px;
	margin-left:15px;
}

.titEventosFrame {
	width:575px;
	height:14px;
	background-image:url(img/titEventosFrame.gif);
	color:#990000;
	font-size:15px;
	padding:10px;
}

.bodyEventosFrame  {
	width:588px;
	height:74px;
	border:#dcdcdc 1px solid;
	padding:0 0 0 5px
}

/********** PRODUCTO **********/
#mainProd {
	width:933px;
	min-height:500px;
	margin:0 11px 0 14px;
	padding-left:17px;
/*	padding-right:27px;
	padding-bottom:20px;*/
}


#izqProd {
	float:left;
	width:199px;
	height:auto;
	background-image:url(img/bg_izqProd.gif);
	margin-right:10px;
}

#izqProd .sombraTop {
	width:199px;
	height:15px;
	background-image:url(img/bg_sombraUP.jpg);
}

#izqProd .sombraEnd {
	width:199px;
	height:15px;
	background-image:url(img/bg_sombraDW.jpg);
}

#izqProd a {
	color:#000;
	text-decoration:none;
}

#izqProd a:hover, #izqProd .On {
	color:#990000;
	text-decoration:none;
}

#izqProd .titUno {
	width:170px;
	height:19px;
	font-size:12px;
	color:#990000;
	padding:5px;
	background-image:url(img/bg_titUno.gif);
	font-weight:bold;
	margin-left:10px;
}

#izqProd .titDos {
	width:162px;
	height:auto;
	font-size:11px;
	color:#000;
	padding:9px;
	background-image:url(img/bg_titDos.gif);
	font-weight:bold;
	margin-bottom:2px;
	margin-left:10px;
}

#izqProd .titDosOn {
	width:162px;
	height:auto;
	font-size:11px;
	color:#000;
	padding:9px;
	background-image:url(img/bg_titDosOn.gif);
	font-weight:bold;
	margin-left:10px;
}

#izqProd .subTit {
	width:180px;
	height:auto;
	padding:5px 0;
	background-image:url(img/bg_subTit.gif);
	margin-left:10px;
}

#izqProd .subTit .titTresN {
	width:144px;
	height:15px;
	font-size:11px;
	color:#000;
	padding:3px 8px 0px 28px;
	background-image:url(img/bg_titTresN.gif);
	font-weight:bold;
}

#izqProd .subTit .titTresR {
	width:144px;
	height:15px;
	font-size:11px;
	padding:3px 8px 0px 28px;
	background-image:url(img/bg_titTresR.gif);
	font-weight:bold;
}

#derProd {
	float:left;
	width:692px;
	height:auto;
	padding-top: 33px;
	padding-right: 4px;
	padding-bottom: 33px;
	padding-left: 4px;
	background-image: url(img/bg_derProd.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#derProd .titUno {
	width:auto;
	height:21px;
	font-size:14px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
	margin-top: 5px;
}

#derProd .triada {
	width:auto;
	height:125px;
	margin-top:21px;
}

#derProd .triada .imgProd {
	float:left;
	width:216px;
	height:81px;
	background-image:url(img/bg_imgProd.gif);
	padding:5px;
}

#derProd .triada .imgProd .nombreProd {
	float:left;
	width:127px;
	height:51px;
	padding-top:30px;
	font-size:14px;
	color:#000;
	font-weight:bold;
}

#derProd .triada .imgProd .nombreProd a {
	color:#000;
	text-decoration:none;
}

#derProd .triada .imgProd .nombreProd a:hover {
	color:#000;
	text-decoration:underline;
}

#derProd .triada .imgProd .imagenProd {
	float:left;
	width:89px;
	height:81px;
	text-align:center;
}

#derProd .triada .spacer {
	margin-right:4px;
	margin-top: 4px;
}

#derProdInt {
	float:left;
	width:688px;
	height:auto;
	background:url(img/bg_derProdInt.gif) no-repeat;
	padding:33px 18px;
}

#derProdPre {
	float:left;
	width:688px;
	height:auto;
	background:url(img/bg_derProdPre.gif) no-repeat;
	padding:36px 18px;
}

#derProdPre .titDosPre {
	width:662px;
	height:25px;
	padding:18px 24px 0px 24px;
	font-size:15px;
	color:#990000;
	background:url(img/bg_titDosPre.gif) no-repeat;
}

#derProdPre .nomDet {
font-size:15px;
color:#990000;
}

.imgPpalProd {
	float:left;
	width:317px;
	height:auto;
	margin-right:12px;
}

.contPpalProd {
	float:left;
	width:334px;
	height:auto;
	padding:12px;
}

.nomProd {
	font-size:17px;
	width:auto;
	height:39px;
	padding-top:6px;
}

/********** RRHH **********/
.contFormRRHH {
	margin-left:290px;
	margin-top:30px;
}


/********** SERVICIOS **********/
.p_pad15 {
	padding-bottom:15px;
}

.p_pad10 {
	padding-bottom:10px;
}

.contentThimg {
	float:left;
}

/********** CONTACTO **********/
.contentForm {
	margin-left:70px;
	margin-top:30px;
}

.f9d0e12 {
	color:#9d0e12;
}
.contentAdvertForm {
	margin-left:90px;
	margin-top:15px;
}

.advertForm {
	font-size:11px;
	background-color:#efebec;
}

.contentUbicacion {
	float:left;
	width:282px;
	height:auto;
	background-image:url(img/bg_fotos.gif);
	background-repeat:no-repeat;
	padding:20px 0 0 14px;
}

.mapa {
	width:266px;
	height:201px;
	margin-bottom:12px;
}

.inputContacto {
	width:223px;
	height:20px;
	border-bottom:#232524 2px solid;
	border-left:#f0f0f0 2px solid;
	border-right:#232524 2px solid;
	border-top:#f0f0f0 2px solid;
	background-color:#f0f0f0;
}

.textareaContacto {
	width:223px;
	height:106px;
	border-bottom:#232524 2px solid;
	border-left:#f0f0f0 2px solid;
	border-right:#232524 2px solid;
	border-top:#f0f0f0 2px solid;
	background-color:#f0f0f0;
}

.btn_enviar {
	width:65px;
	height:31px;
	background-image:url(img/btn_enviar.gif);
	text-indent:-99999px;
	border:none;
}

/********** EMPRESA **********/
.contentFotos {
	float:left;
	width:282px;
	height:auto;
	background-image:url(img/bg_fotos.gif);
	background-repeat:no-repeat;
	padding:20px 0 0 17px;
}

.fotoPpal {
	width:266px;
	height:201px;
	margin-bottom:12px;
}

.imgStd {
	cursor:pointer;	
	margin-right:9px;
	margin-bottom:7px;
}

.imgNstd {
	cursor:pointer;	
	margin-bottom:7px;
}

.fotoProdPreDet {
	float:left;
	width:317px;
	height:auto;
	margin-right:12px;
	margin-top:15px;
}

.contProdPreDet {
	float:left;
	width:334px;
	height:auto;
	padding:12px;
	line-height:18px;
}

.descripProdPreDet {
	padding-top:6px;
	margin-bottom:10px;
	margin-top:20px;
}

.marBot {
	margin-bottom:20px;
}

.content710 {
	width:710px;
}

.imgTh {
	float:left;
	width:224px;
	height:auto;
}

.contentData {
	float:left;
	width:384px;
	height:auto;
	padding-top:20px;
	padding-right: 50px;
	padding-left: 50px;
}

/********** FOOTER **********/
#bodyFooter {
	width:1024px;
	height:75px;
	float:none;
	clear:both;
	margin:auto;
	background-image:url(img/bg_footer.gif);
	background-repeat:no-repeat;
}

#footer {
	width:974px;
	height:68px;
	font-size:11px;
	padding:7px 24px 0 26px;
}

