@charset "iso-8859-1";

/* General styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	text-align:center;
	background-image: url(../images/template/hormipresa_r1_c3.jpg);
	background-repeat: repeat-x;
	background-color: #BDBEC0;
	overflow-y: scroll;
} 

a:link {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #cc0001;
}

a:active {
	text-decoration: none;
	color: #000000;
}



h1 {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 38px;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-left: 15px;
	display: inline;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0px;
	display: inline;
}

.adobeicon {
	float: right;
	font-weight: bold;
}

/* Boxes */
/* Main Boxes */

.bodywrapper {
	position:absolute;
	top: 0px;
	left: 0px;
	clear: both;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.wrapper {
	width: 950px;
	height: 100%;
	margin:auto;
	text-align: left;
}

.header {
	clear: both;
	float: left;
	width: 950px;
	margin-top: 5px;
	padding-bottom: 0px;
	background-color: #ffffff;
}

.logo {
	float: left;
	width: 199px;
	height: 95px;
}

.languagebar {
	float: right;
	width: 81px;
	/*background-color:#009900;*/
	padding-top: 30px;
	font-weight: bold;
	font-size: 15px;
}

languagebar a:link {
	text-decoration: none;
	color: #000000;
}

languagebar a:visited {
	text-decoration: none;
	color: #000000;
}

languagebar a:hover {
	text-decoration: none;
	color: #cc0001;
}

languagebar a:active {
	text-decoration: none;
	color: #000000;
}

.languagebar_on {
	/*background-color:#009900;*/
	color:#cc0001;
}

.headlines {
	float: left;
	width: 600px;
	/*background-color:#666666;*/
	padding-top: 80px;
}

.toolbar {
	float: left;
	width: 100%;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
}

.toolbar a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.toolbar a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.toolbar a:hover {
	text-decoration: none;
	color: #cc0000;
}

.toolbar a:active {
	text-decoration: none;
	color: #FFFFFF;
}


.toolbarfooter {
	float: left;
	width: 100%;
	height: 20px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
}

.toolbarfooter a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.toolbarfooter a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.toolbarfooter a:hover {
	text-decoration: none;
	color: #cc0000;
}

.toolbarfooter a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.leftbar {
	float: left;
	width: 200px;
	height: 75%;
	background-image: url(../images/template/hormipresa_r4_c1.jpg);
	background-color: #C2090A;
	background-position: bottom;
	display: table-row;

}

.main {
	float: right;
	width: 750px;
	height: 75%;
	top: 0px;
}

.footer {
	float: left;
	width: 100%;
	height: 46px;
	background-color: #000000;
}

/* Content Boxes */

.maincontentscroll {
	width: auto;
	overflow: auto;
	height: 100%;
	overflow-x: hidden;
}

.sectiontitlegreen {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #336633;
}

.sectiontitleblue {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #336699;
}

.sectiontitlelila {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #A56070;
}

.sectiontitlemarron {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #9B4339;
}

.sectiontitlemarron2 {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #736E31;
}

.sectiontitlemorado {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #5F4060;
}

.sectiontitleblue2 {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #083345;
}

.sectiontitleorange {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #CC6600;
}

.sectiontitleorange2 {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #ff9a00;
}

.sectiontitleorangecasas {
	float: left;
	width: 408px;
	min-height: 40px;
	background-color: #ff9a00;
}

.sectiontitleaqua {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #336666;
}

.sectiontitlegrey {
	float: left;
	width: 100%;
	min-height: 40px;
	background-color: #999999;
}

.sectionintrogreen {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #D9E8D7;
}

.sectionintroblue {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #ACCEE5;
}

.sectionintrolila {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #D1A6B2;
}

.sectionintromarron {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #E1C7C4;
}

.sectionintromarron2 {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #D1CCAD;
}

.sectionintromorado {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #D1A6B2;
}

.sectionintroblue2 {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #A3BBD9;
}

.sectionintroorange {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #FFD5B8;
}

.sectionintroaqua {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #99CCCC;
}

.sectionintrogrey {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #CCCCCC;
}

.sectionintroorange2 {
	float: left;
	width: 720px;
	padding: 15px;
	/*min-height: 80px;*/
	background-color: #ffcc9a;
}

.orange2 {
	float: left;
	/*padding: 15px;*/
	/*min-height: 80px;*/
	background-color: #ffcc9a;
	margin-bottom: 8px;
	margin-top: 8px;
}

.titleorange {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #F7A400;
}

.titleblack {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #000000;
}

.titlewhitesmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ffffff;
} 

.titleblacksmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
} 

.titlegreysmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #3f3f3f;
}

.titlebarred {
	float: left;
	padding-left: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

.titlebarredsmall {
	float: left;
	padding-left: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}

.sectiotitlebarred {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*background-image:url(../images/template/hormipresa_r6_c2.jpg);*/
	/*background-repeat: no-repeat;*/
	/*margin-bottom: 10px;*/
	background-color: #cc0000;
	color: #FFFFFF;
}

.sectiotitlebargreen {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #336633;
}

.sectiotitlebarblue {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #336699;
}

.sectiotitlebarlila {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #A56070;
}

.sectiotitlebarmarron {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #9B4339;
}

.sectiotitlebarmarron2 {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #736E31;
}

.sectiotitlebaraqua {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #336666;
}

.sectiotitlebarmorado {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #5F4060;
}

.sectiotitlebargrey {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #999999;
}

.sectiotitlebarorange {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #CC6600;
}

.sectiotitlebarorange2 {
	float: left;
	width: 100%;
	height: 18px;
	padding-top: 3px;
	/*margin-bottom: 10px;*/
	background-color: #ff9a00;
}

.maincontent {
	float: left;
	background-color:#FFFFFF;
	/*width: 100%;*/
	width: 720px;
	padding: 15px;
}

.maincontenthome {
	float: left;
	background-color:#FFFFFF;
	/*width: 100%;*/
	width: 720px;
}

.maincontenthome2 {
	float: left;
	background-color:#999999;
	/*width: 100%;*/
	width: 300px;
	padding: 20px;
	;
	height: 160px;
	;
}

.maincontenthome3 {
	float: left;
	background-color:#FFFFFF;
	/*width: 100%;*/
	width: 399px;
}

.maincontent a.download {
	background: url(http://www.hormipresa.com/change/industrial/images/download.png) no-repeat left;
	padding: 3px 0px 3px 20px;
}
.maincontent a.download:hover {
	text-decoration: none;
}

/* Toolbar */
.pretoolbar {
	float: left;
	width: 250px;
	height: 20px;
}

.toolbariten {
	float: right;
	width: auto;
	height: 20px;
	padding-left: 11px;
	padding-right: 11px;
	line-height: 20px;
}

.toolbarseparator {
	float: right;
	width: 5px;
	height: 20px;
	background-image:url(../images/template/navseparador.jpg);
	
}


/* Main Nav */

.mainnavwhite {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 2px;
}

.mainnavwhitebck {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 19px;
font-weight: bold;
color: #cc0000;
background-color: #FFFFFF;
margin-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}

.mainnavitem {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 2px;
}

.mainnavitem a:link {
color: #FFFFFF;
text-decoration: none;
}

.mainnavitem a:visited {
color: #FFFFFF;
text-decoration: none;
}

.mainnavitem a:hover {
color: #CCCCCC;
text-decoration: underline;
}

.mainnavitem a:active {
color: #FFFFFF;
text-decoration: underline;
}

.mainnavitem_on {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 2px;
}

.mainnavitem_on a:link {
color: #FFFFFF;
text-decoration:  underline;
}

.mainnavitem_on a:visited {
color: #FFFFFF;
text-decoration:  underline;
}

.mainnavitem_on a:hover {
color: #CCCCCC;
text-decoration: underline;
}

.mainnavitem_on a:active {
color: #FFFFFF;
text-decoration: underline;
}





.item {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
/*font-weight: bold;*/
color: #FFFFFF;
padding-left: 8px;
margin-left: 2px;
background-image:url(../images/template/arrow.gif);
background-repeat:no-repeat;
}

.item a:link {
color: #FFFFFF;
text-decoration: none;
}

.item a:visited {
color: #FFFFFF;
text-decoration: none;
}

.item a:hover {
color: #CCCCCC;
text-decoration: underline;
}

.item a:active {
color: #FFFFFF;
text-decoration: underline;
}

.item_on {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #FFFFFF;
padding-left: 8px;
margin-left: 2px;
background-image:url(../images/template/arrow.gif);
background-repeat:no-repeat;
}

.item_on a:link {
color: #FFFFFF;
text-decoration: underline;
}

.item_on a:visited {
color: #FFFFFF;
text-decoration: underline;
}

.item_on a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.item_on a:active {
color: #FFFFFF;
text-decoration:  underline;
}

.subitem {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
/*padding-left: 15px;*/
/*margin-left: 5px;*/
padding-left: 8px;
margin-left: 12px;
background-image:url(../images/template/arrow2.gif);
background-repeat:no-repeat;
}

.subitem a:link {
color: #FFFFFF;
text-decoration: none;
}

.subitem a:visited {
color: #FFFFFF;
text-decoration: none;
}

.subitem a:hover {
color: #CCCCCC;
text-decoration: underline;
}

.subitem a:active {
color: #FFFFFF;
text-decoration: none;
}

.subitem_on {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
padding-left: 8px;
margin-left: 12px;
/*background-image:url(../images/template/arrowblacksmall.gif);*/
background-image:url(../images/template/arrow2.gif);
background-repeat:no-repeat;
text-decoration: underline;
}

.subitem_on a:link {
color: #FFFFFF;
text-decoration: underline;
}

.subitem_on a:visited {
color: #FFFFFF;
text-decoration: underline;
}

.subitem_on a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.subitem_on a:active {
color: #FFFFFF;
text-decoration: underline;
}


.navwrapper {
/*background-color:#cc0000;*/
margin-left: 14px;
margin-top: 7px;
margin-bottom: 5px;
margin-right: 5px;
}

.mainsection {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 2px;
}

.language {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 2px;
}

.hometitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 2px;
}

.whitetitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 2px;
}

.homegris {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #333333;
margin-left: 18px;
margin-top: 10px;
width: 420px;
}

.homewhite {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #FFFFFF;
margin-left: 18px;
margin-top: 10px;
width: 480px;
}

.homemoreitalic {
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}


.homemoreitalic a:link {
	color: #FFFFFF;
	text-decoration:none;
}

.homemoreitalic a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

.homemoreitalic a:hover {
	color: #CC0000;
	text-decoration:none;
}

.homemoreitalic a:active {
	color: #FFFFFF;
	text-decoration:none;
}

.fontmarron {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
/*line-height: 17px;*/
/*font-weight: bold;*/
color: #9B4339;
font-weight: bold;
}

.fontorange {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
/*line-height: 17px;*/
/*font-weight: bold;*/
color: #ff9a00;
font-weight: bold;
}

.fontaqua {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
/*line-height: 17px;*/
/*font-weight: bold;*/
color: #99CCCC;
font-weight: bold;
}

.sectionhometitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	height: 86px;
}

.sectionhometitle a:link {
color: #FFFFFF;
text-decoration: none;
}

.sectionhometitle a:visited {
color: #FFFFFF;
text-decoration: none;
}

.sectionhometitle a:hover {
color: #336633;
text-decoration: none;
}

.sectionhometitle a:active {
color: #336633;
text-decoration: none;
}

.smallcontent {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
line-height: 13px;
}

.homeintro {
font-family: Arial, Helvetica, sans-serif;
font-size: 48px;
color: #FFFFFF;
margin-left: 25px;
line-height: 45px;

}

.home27 {
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
color: #FFFFFF;
line-height: 29px;
}

.home27 a:link {
color: #FFFFFF;
text-decoration: none;
}

.home27 a:visited {
color: #FFFFFF;
text-decoration: none;
}

.home27 a:hover {
color: #ffffff;
text-decoration: none;
}

.home27 a:active {
color: #ffffff;
text-decoration: none;
}


.home27gris {
font-family: Arial, Helvetica, sans-serif;
font-size: 27px;
color: #666666;
}

.home14 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
}

.home14 a:link {
color: #FFFFFF;
text-decoration: none;
}

.home14 a:visited {
color: #FFFFFF;
text-decoration: none;
}

.home14 a:hover {
color: #ffffff;
text-decoration: none;
}

.home14 a:active {
color: #ffffff;
text-decoration: none;
}


.home12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: 18px;
}

.home12gris {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.formbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: #999999 solid 1px;

}


.linkmicro {
color: #000000;
font-weight:bold;
text-decoration:none;
}

.linkmicro a:link {
color: #000000;
text-decoration: none;
}

.linkmicro a:visited {
color: #000000;
text-decoration: none;
}

.linkmicro a:hover {
	color: #FF0000;
	text-decoration: none;
}

.linkmicro a:active {
color: #000000;
text-decoration: none;
}


/* OTHER LENGUAGES */

#google-translate-element, .goog-te-gadget {
	width: 130px;
	position: absolute;
	margin: 5px;
	float: right;
	right: 0px;
	text-align: left;
	border: 1px dotted #999;
	padding: 2px 10px;
	background: #fff;
}
.goog-te-combo {
	width: 130px;
}
.goog-logo-link {
	float: left;
}