/************************* Diego F. Pizzi - 2011 *************************/
html, body{
	background:#cccdb7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:90%;
	color:#79776d;
	}
#page{
	width: 970px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
a{color:#79776d; text-decoration: none;}

.rounded-6{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    behavior: url(PIE.htc);
    }
    
header{
	overflow: hidden;
	}
nav{
	margin:  25px 0 0 25px;
	}
section#content{
	background: white;
	width: 756px;
	margin: 0;
	padding: 24px;
	float: left;
	position: relative;
	}
aside{
	width: 166px;
	float: right;
	font-family: 'Swis721CnBTRoman';
	padding: 5px 0 0 0;
	}
/************************* HEADER */

header h1 a{
	background: url(../images/isoHeader.png) bottom no-repeat;
	width: 500px;
	height: 56px;
	display: block;
	text-indent: -9000px;
	float:left;
	padding: 33px 0 0;
	}
header hgroup{
	width: 419px;
	height: 54px;
	float: right;
	margin-top: 35px;
}
header img{
	margin-top:23px;
	margin-left:39px;
	float:left;
}
header ul{
	font-size: 75%;
	letter-spacing: 0.05em;
    *letter-spacing: 0em;
	float:left;
	position: relative;
}
header li, nav li, #footerNav li{
	display: inline;
	float: left;
	}
header li a{
	color: #79776d;
	text-decoration: none;
	}
header li a:hover{ color: #000;}
header li.ing{
	margin: 20px 0 0;
	}
header li.sep{
	border-left: 1px solid #79776d;
	padding-left: 5px;
	margin: 20px 42px 0 5px;
	}
header a.tel{
	background: url(../images/pcHeader.gif);
	width: 116px;
	height: 54px;
	display: block;
	}
header a.cemex{
	background: url(../images/pcHeader.gif) 115px 0;
	width: 115px;
	height: 54px;
	display: block;
	*margin: 0 0 0 8px;
	margin: 0;
	}
/************************* NAV */

nav ul#links{
	/* width: 753px; */
	height: 28px;
	padding: 0 2px;
	}
ul#links li{
	text-align: center;
	float:left;
	margin-right: 1px;
	}
ul#links li a{
	background: url(../images/navMain.png) 0 -29px;
	font: bold 12px/29px  'Swis721LtBTLight';
	color: #fff;
	text-decoration: none;
	width: 93px;
	height: 29px;
	display: block;
	}
ul#links li a:hover, ul#links li a.selected{
	background: url(../images/navMain.png) 0 0;
	color: #002f6f;
	}
ul#links li a.ehe{
	background: url(../images/btnEHE.png);
	width: 100px;
	height: 29px;
	margin-left: 50px;
	color: #002f6f;
	}
ul#links li a.ehe:hover{
	background-position: 0 29px;
	color: #002f6f;
	}
/************************* CONTENT */
section .bgTop{
	background: url(../images/bgTopContent.png) center top no-repeat;
	width: 804px;
	height: 4px;
	display: block;
	position: absolute;
	top:-4px;
	left: 0;
		}

hgroup#content{
	float:left;
	width: 468px;
	font-size: 12px;
    letter-spacing: 0.05em;
    *letter-spacing: 0em;
    *letter-spacing: 0em;
    line-height: 14px;
    color: #555555;
	}
	
hgroup#contentSub{
	float:right;
	width: 278px;
	margin: 0 0 0 10px;
	}
hgroup#content h2{
	font:bold 30px 'Swis721CnBTRoman';
	 letter-spacing: 0.05em;
    *letter-spacing: 0em;
	 *letter-spacing: 0em;
	 padding-bottom: 20px;
	 display: block;
	 }
hgroup#content h2 a{ color: #00254f; }
hgroup#content h2 a span{ font-weight: normal; color: #ee1d25; }
hgroup#content h2 a.green{color:#417248}

hgroup#content h2.icoHormiBlanco{
	background:url(../images/icoHormiBlanco.jpg) left 5px no-repeat;
	padding-left:45px;
	}
hgroup#content h2.icoHormiFibra{
	background:url(../images/icoHormiFibra.jpg) left 5px no-repeat;
	padding-left:45px;
	}
hgroup#content h2.icoHormiCompac{
	background:url(../images/icoHormiCompac.jpg) left 5px no-repeat;
	padding-left:45px;
	}
hgroup#content h2.icoHormiLigero{
	background:url(../images/icoHormiLigero.jpg) left 5px no-repeat;
	padding-left:45px;
	}
hgroup#content h2.icoAutoLevel{
	background:url(../images/icoAutoLevel.jpg) left 5px no-repeat;
	padding-left:45px;
	}
hgroup#content h2.icoGermiStop{
	background:url(../images/icoGermiStop.jpg) left 5px no-repeat;
	padding-left:45px;
	}
hgroup#content h2.icoPromptis{
	background:url(../images/icoPromptis.jpg) left 5px no-repeat;
	padding-left:45px;
	}


hgroup#content h3{
	font-size:16px;
	margin:0 0 20px;
	}
hgroup#content h4{
	font-size:10px;
	margin:0 0 10px;
	font-weight: normal;
	}
hgroup#content h4 span{
	border-right: 1px solid #ccc;
	padding: 0 5px 0 0;
	margin-right: 5px;
	}	
hgroup#content p{
    margin-bottom: 17px;
	}
hgroup#content a{ color: #3A3D71; text-decoration: none; font-weight: bold;}
hgroup#content a:hover{ color: #ee1d25;}
hgroup#content ul#navSection{}

div.sepDotted{ border-top: 1px dotted #cccdb7; margin-top: 10px; padding-top: 10px; clear: both; float: left; width: 100%; }

hgroup#content div.download{
	border-top: 1px dotted #cccdb7;
	margin: 21px 0 0 0;
	padding: 35px 0 0 0;
	background: url(../images/cubitos.jpg) right bottom no-repeat;
	overflow: hidden;
	clear: both;
	}
hgroup#content div.download a.pdf, span.pdf{
	background: url(../images/icoPDF.jpg) left top no-repeat;
	padding: 14px 20px 19px 30px !important; 

	}
.publicacion span.pdf{float: left; padding: 0 35px 0 0;}

hgroup#contentSub .videoCont {
    background:  #1E1E1E;
    margin: 0 0 10px !important;
    overflow: hidden;
    padding: 0 !important;
    width: 278px;
    position: relative;
}

.fvid {
	position: relative;
	}
.fvid span.bgPNG, .videoCont span.bgPNG{
	position: absolute;
	width: 278px;
	height: 213px;
	background: url(../images/bgVideo.png) no-repeat;
	left:0;
	top:0;
	}


hgroup#contentSub  .videoTit {
    background: white;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    margin: 2px;
    min-height: 50px;
    padding: 3px;
    color: #555555;
    font-size: 12px;
    letter-spacing: 0.05em;
    *letter-spacing: 0em;
    *letter-spacing: 0em;
    line-height: 14px;
}
hgroup#contentSub .videoTit span {
    color: #3A3D71;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 3px;
    display: block;
}

.noticiasMain, .publicacionesMain, .sosteMain, .videosMain{
	width: 100% !important;
	}
.noticiasMain article.noticia, .publicacionesMain article.publicacion{
	display: block;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #ededed;
	padding: 10px 5px 15px 5px;
	}
.noticiasMain article.noticia:hover, .publicacionesMain article.publicacion:hover{ background: #ededed;}
.noticiasMain article.noticia a, .publicacionesMain article.publicacion a{
	color: inherit !important;
	font-weight: normal !important;
	overflow: hidden;
	display: block;
	}
.publicacion div p a{
	text-decoration:underline !important;
	color:#000bold !important;
	display:inline;
}
.noticiasMain article.noticia img, .publicacionesMain article.publicacion img{
	width: 150px !important;
	float: left;
	background: #CCCDB7;
	padding: 2px;
	}
.noticiasMain article.noticia div, .publicacionesMain article.publicacion div{
	float: right;
	width: 578px;
	}
.noticiasMain article.noticia h3, .publicacionesMain article.publicacion h3{ margin:0 0 2px !important;}
.noticiasMain article.noticia h4, .publicacionesMain article.publicacion h4{ margin:0 0 4px !important;}
.publicacionesMain article.publicacion h4{ margin:10px 0 4px !important;}
.noticiasMain article.noticia p, .publicacionesMain article.publicacion p{ margin: 0 !important;}

hgroup#contentSub a#imagenNoticias{
	    background:  #1E1E1E;
	    display: block;
	    padding: 2px;
		color: white;
		margin-bottom: 10px;
}
hgroup#contentSub a#imagenNoticias:hover{
	    color: red !important;
}
hgroup#contentSub a#imagenNoticias img{
	    width: 274px !important;
	    display: block;
}
hgroup#contentSub a#imagenNoticias span{
	    font-size: 10px;
	    display: block;
	    text-align: right;
	    padding: 5px 5px 3px 0;
	    text-transform: uppercase;
}
p.volver{
	text-align: right;
	display: block;
	margin: 0 !important;
	}
div#navContent{
	background: #cccdb7;
	font-family: 'Swis721CnBTRoman';
	display: block;
	margin-bottom: 29px;
	height: 38px;
	}
div#navContent ul{
	text-align: center;
	}
div#navContent li {
	float: left;
	padding: 5px 10px;
	position: relative;
	}


div#navContent li a{
	/* display:block; */
	font-weight: normal;
	color: #555555;
    font-size: 15px;
	}
div#navContent li a div{ font-size: 12px; text-align: right;}
div#navContent li a div span{ background: url(../images/cuboWhite_8x8.gif) left center no-repeat; padding-left: 12px;}

div#navContent li .arrow{ display: none;}
div#navContent li.selected .arrow{
	background: url(../images/navContentArrow.gif) center bottom no-repeat;
	width: 18px;
	height: 9px; 
	display:block; 
	position:absolute;
	top:38px;
	left: 50%;
	}

div#navContent li a:hover span, div#navContent li.selected span{ color:#EE1D25;}
div#navContent li a:hover b, div#navContent li.selected a b{ color:#00254F;}
div#navContent li a:hover div span, div#navContent li.selected a div span{ background: url(../images/cuboGrey_8x8.gif) left center no-repeat; color: #555555;}

.estilo_tabla {
		border-left: 1px solid #CCCDB7;
		border-top: 1px solid #CCCDB7;
		color: #555;
		font-size: 10px;
		text-align: center;
		}
.estilo_tabla .tit {
		background-color: #CCCDB7;
		color: #333;
		font-size: 11px;
		font-weight: bold;
}
.estilo_tabla td {
		border-bottom: 1px solid #CCCDB7;
		border-right: 1px solid #CCCDB7;
		padding: 4px;
}

.sosteMain hgroup,
.sosteMain .sosteHgroup{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	}
.sosteMain div.sostMarca{
	float: left;
	font-family: 'Swis721CnBTRoman';
	width: 200px;
	overflow: hidden;
	}
.sosteMain div.sostMarca span{
	font-size: 19px;
    letter-spacing: 0.05em;
    *letter-spacing: 0em;
    text-transform: uppercase;
    }
.sosteMain div.sostMarca b {
    color: #00254F;
}

.sosteMain div.sostCont{
	float: right;
	width: 530px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	}
.sosteMain div.sostCont a.info{
	clear: both;
	float: right;
	padding-right: 10px;
	}
	
	
.videosMain hgroup.video{
	display: block;
	float: left;
	overflow: hidden;
	margin:0 9px 10px 0;
	width: 246px;
	}
.videosMain hgroup.video.noMargin{margin: 0 0 10px  !important;}
.videosMain hgroup.video a{
    background: #CCCDB7;
    padding: 2px;
    height: 82px;
    overflow: hidden;
    color: #555555 !important;
    display: block;
	}
.videosMain hgroup.video a:hover{background:	#666;}
.videosMain hgroup.video img{ width: 111px !important; float: left; }
.videosMain hgroup.video div{ float: right;height: 72px; overflow: hidden; background: white; padding: 5px; width: 121px;}
.videosMain hgroup.video div h3{ font-size: 12px !important;  font-weight: normal !important; margin: 0 !important; color: #002F6F;}
.videosMain hgroup.video div small{ font-size: 10px !important;  font-weight: normal !important; line-height: 11px;}


span.teleconsulta{
	background: url(../images/pcHeader.gif);
	width: 116px;
	height: 54px;
	display: block;
	}


#content.apliContent{
	width: 100% !important;
	margin: -14px 0 0;
	}
.apliContent ul.apliNav{
	font:normal 15px 'Swis721CnBTRoman';
	color: #002f6f;
	text-align: center;
	overflow: hidden;
	}
ul.apliNav li{
	display: inline;
	width: 186px;
	float: left;
	margin: 0 3px 0 0;
	padding: 0 0 10px;
	}
ul.apliImas{
	margin: 0 0 1px;
	overflow: hidden;
	}
ul.apliImas li{
	width: 186px;
	height: 70px;
	display: block;
	float:left;
	margin:0 1px 0;
	}
ul.apliImas img{
	border: 1px solid #808284;
	}

/************************* ASIDE - SUBNAV */

ul#subNav, ul#subNav li{ width: 167px;	}
ul#subNav a{ display: block; text-decoration: none;	}

ul#subNav .nav-1{
	height: 33px;
	font-size: 17px;
	font-weight: bold;
	line-height: 33px;
	padding-left: 20px;
	color: #002f6f;
	text-transform: uppercase;
	}
ul#subNav .nav-1:hover, ul#subNav .nav-1.selected{ color: white; background: #70B738;}

ul#subNav .nav-2{
	height: 47px;
	border-top: 1px #d8d8d2 solid;
	font-size: 11px;
	color:#555555;
	padding: 23px 0 0 20px;
	}
ul#subNav .line{border-bottom: 1px #d8d8d2 solid;}
ul#subNav a.nav-2 span, ul#subNav .nav-3 span{ font-size: 19px; letter-spacing: 0.05em;
    *letter-spacing: 0em; display: block;}
ul#subNav a.nav-2:hover, ul#subNav a.nav-2.selected{ background: white;}
ul#subNav a.nav-2.selected span{ color: #ee1d25;}
ul#subNav a.nav-2.selected b{ color: #00254f;}

ul#subNav .nav-3{
	height: 31px;
	font-size: 11px;
	color:#555555;
	margin: 19px 0 19px 20px;
	padding: 5px 0 0 5px;
	}
ul#subNav a.nav-3 span{ font-size: 15px;}


ul#subNav a.nav-3 strong{color: #002F6F !important;}
ul#subNav a.nav-3 strong{color: red !important;}
ul#subNav a.nav-3#aside-6{background: url(../images/bgSubNav-1.png) 0 -36px no-repeat;}
ul#subNav a.nav-3#aside-7{background: url(../images/bgSubNav-2.png) 0 -36px no-repeat;}
ul#subNav a.nav-3#aside-8{background: url(../images/bgSubNav-3.png) 0 -36px no-repeat;}

ul#subNav a.nav-3#aside-6:hover,
ul#subNav a.nav-3#aside-6.selected,
ul#subNav a.nav-3#aside-7:hover,
ul#subNav a.nav-3#aside-7.selected,
ul#subNav a.nav-3#aside-8:hover,
ul#subNav a.nav-3#aside-8.selected {
	background-position: 0 -0;
	}
ul#subNav a.nav-3.selected strong{color: red;}

ul#subNav .nav-3.selected span{color: #002F6F;}
/************************* FOOTER */
footer{
	float: left;
	width: 970px;
	font: normal 10px Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 0 30px;
	}
footer hgroup{ padding: 10px; overflow: hidden; width: 784px;background: url(../images/bgBottomContent.png) center top no-repeat;}
footer ul{margin: 0; padding: 0; width: 100%;}
footer ul li.copy{ float: left !important;}
footer ul li{ float: right; margin: 0; padding: 0;}
footer  ul li.sep{
	border-left: 1px solid #79776d;
	padding-left: 5px;
	margin-left: 5px;
	}
footer ul a:hover{ color: #000;}
footer #banner{ width: 804px; overflow: hidden; text-align: center; float: left;}