﻿/* CSS layout */
body {
	margin: 0;
	padding: 0;
}


a:link {
text-decoration:none; 
color: white; 
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
a:visited {text-decoration: none underline; color: white; font-family: Arial, Helvetica, sans-serif;}
a:active {text-decoration: none underline; font-family: Arial, Helvetica, sans-serif;}
a:hover {text-decoration: underline; color: #FF0D0D; font-family: Arial, Helvetica, sans-serif;}



h1 {
letter-spacing:		-0.02em;
color: white;
margin-left: 8px;
font-size:20px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
margin-top: 5px
}

h2 {
letter-spacing: -0.02em;
color: #333333;
margin-left: 35px;
font-size:18px;
font-family:"Trebuchet MS", Helvetica, sans-serif;
margin-top: 11px
}


#masthead {
height:120px;
background:white;
}

#titulo {
padding-left:40px
}

#textos {
padding-left:50px;
width:376px;
color: #FFFFFF;
margin-top:-5px
}

#textos-hornos {
padding-left:45px;
width:790px;
color: black;
}


#textosmenu2 {
padding-left:20px;
padding-top:15px;
width:210px;
color: #FFFFFF;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:14px;
}

#top_nav {
background-color:#333333;
width:100%;
height:39px;
background-color:#343434;
}

#top_nav1 {
background-color:#333333;
width:100%;
height:250px;
background-image:url('../imagenes/fondofooter1.jpg');
}

#container {
	min-width: 600px;
}

#left_col {
	width: 200px;
	float: left;
}

#right_col {
	width: 200px;
	float: right;
}

#page_content {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:350px;	
}

#page_content1 {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:550px;	
}


#page_content_hornos {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:490px;	
}


#page_content_calderas {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:1200px;
	background-repeat: repeat-x
}

#page_content_controlesf {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:1500px;
	background-repeat: repeat-x
}


#page_content_quemadores {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:750px;	
}

#page_content_flama {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:480px;	
}


#page_content_productos {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:1200px;	
}



#page_content_marcas {
	background-image:url('../imagenes/fondo.jpg');
	width:100%;
	height:1310px;	
}


#page_content_quemadores_diesel {
	background-image:url('../imagenes/fondotextos.jpg');
	width:100%;
	height:550px;	
}


#footer {
	clear: both;
	background-color:#333333;
	height:150px;

}

#datosfooter {
	clear: both;
	margin: 0 auto -30px auto;
	width:900px;
	padding-left:25px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	padding-top:10px;
}


#clases {
background-image:url('../imagenes/back-clases.jpg');
background-repeat: no-repeat;
width:247px;
height:220px;
float:left;
padding-right:8px
}

#clases1 {
background-image:url('../imagenes/back-clases1.jpg');
background-repeat: no-repeat;
width:247px;
height:220px;
float:left;
padding-right:8px
}

#clases2 {
background-image:url('../imagenes/back-clases2.jpg');
background-repeat: no-repeat;
width:247px;
height:220px;
float:left;
padding-right:8px
}

#clases3 {
background-image:url('../imagenes/back-clases3.jpg');
background-repeat: no-repeat;
width:247px;
height:220px;
float:left;
padding-right:8px
}

#clases4 {
background-image:url('../imagenes/back-clases4.jpg');
background-repeat: no-repeat;
width:247px;
height:220px;
float:left;
padding-right:8px
}

#clases5 {
background-image:url('../imagenes/back-clases5.jpg');
background-repeat: no-repeat;
width:247px;
height:220px;
float:left;
padding-right:8px
}


#logo {
margin: 0 auto -30px auto;
width:900px;
padding-left:10px;
}


#contenidos {
margin: 0 auto -30px auto;
width:901px;
height:257px;
background-image:url('../imagenes/img-Inicio.jpg');
background-repeat: no-repeat;
}

#contenidos_quemadores {
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../imagenes/img-quemadores-industriales.jpg');
background-repeat: no-repeat;
}

#contenidos_quemadoresgas {
margin: 0 auto -30px auto;
width:900px;
height:249px;
background-image:url('../imagenes/catalogo-quemadores1.jpg');
background-repeat: no-repeat;
}



#contenidos_siemens {
margin: 0 auto -30px auto;
width:900px;
height:230px;
background-image:url('../imagenes/header-siemens.jpg');
background-repeat: no-repeat;
}


#contenidos_marcas {
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../imagenes/productos.jpg');
background-repeat: no-repeat;
}


#contenidos_psiemens {
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../imagenes/p-siemens.jpg');
background-repeat: no-repeat;
}

#contenidosdungs{
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../images/p-dungs.jpg');
background-repeat: no-repeat;
}



#contenidos_servicios {
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../imagenes/header-servicio.jpg');
background-repeat: no-repeat;
}

#contenidos_links {
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../imagenes/img-contacto.jpg');
background-repeat: no-repeat;
}



#contenidos_calderas {
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../imagenes/img-calderas.jpg');
background-repeat: no-repeat;
}



#contenidos_hornos {
margin: 0 auto -30px auto;
width:900px;
height:240px;
background-image:url('../imagenes/header-hornos.jpg');
background-repeat: no-repeat;
}


#contenidos_quemadores1 {
margin: 0 auto -30px auto;
width:900px;
height:230px;
background-image:url('../imagenes/catalogo-quemadores.jpg');
background-repeat: no-repeat;
}


#contenidos_quemadores2 {
margin: 0 auto -30px auto;
width:900px;
height:230px;
background-image:url('../imagenes/diesel.jpg');
background-repeat: no-repeat;
}


#contenidos_quemadores3 {
margin: 0 auto -30px auto;
width:900px;
height:230px;
background-image:url('../imagenes/dual.jpg');
background-repeat: no-repeat;
}



#menu-top{
margin: 0 auto -30px auto;
width:600px;
padding-left:500px;
padding-top:25px;
}


#menunav{
margin: 0 auto -30px auto;
width:900px;
padding-top:10px
}

#menunav1{
margin: 0 auto -30px auto;
width:900px;
padding-top:10px
}

#menusecflama{
width:900px;
margin-top:0px;
height:300px;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
background: white
}


#menusec{
width:900px;
margin-top:0px;
height: 669px;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
background: white
}

#menusech{
width:900px;
padding-top:10px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
background: white;
height:250px
}


#menusecquemadoresgas{
width:900px;
margin-top:0px;
height: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
background: white
}

#tablas{
width:850px;
padding-left:50px
}


#menuseccalderas{
width:900px;
margin-top:0px;
height: 450px;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
background: white
}


#menu2{
width:900px;
margin-top:50px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
}

#menu2_quemadores{
width:900px;
margin-top:30px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
}



ul#menu{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:white;
	float:left;
	margin-top:1px;
	padding-left:0px
}

ul#menuquemadores{
	margin:0px;
	padding:0px;
	font-size:14px;
	color: black;
	float:left;
	margin-top:1px;
	padding-left:65px;
	font-family:"News Gothic MT", Arial, Helvetica, sans-serif;

}

ul#menuquemadores1{
	margin:0px;
	padding:0px;
	font-size:14px;
	color: black;
	float:left;
	margin-top:1px;
	padding-left:65px;
	font-family:"News Gothic MT", Arial, Helvetica, sans-serif;

}

.alinear{
	margin-left:50px
}


#menu1{
    width:900px;
    height:52px;
	margin:0px auto;
	z-index:300;
}



ul#main_menu li {
	margin:0px; padding:0px;
	list-style:none;
	font-size:14px;
}


ul#main_menuquemadores li {
	margin:0px; padding:0px;
	list-style:none;
	font-size:14px;
}




ul#menu li {
	list-style:none;
	display:inline;
	font-size:12px;
	padding-right:8px
}



ul#main_menu li a {
	margin-left:11px;
	text-decoration:none;
	color: white;
	text-transform:lowercase;
	font-size:14px;
	font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
}





ul#menu li a {
	text-decoration:none;
	color: white;
	font-size: 13px ;
	font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
}


ul#menuquemadores li a {
	text-decoration:none;
	color: black;
	font-size: 14px ;
	font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
}



ul#main_menu li a:hover, ul#main_menu li a.active { color:#FF0D0D;}
ul#menu li a:hover, ul#main_menu li a.active { color:#FF0D0D; background: #2D2D2D;}

ul#main_menu1 li a:hover, ul#main_menu1 li a.active { color:#FF0D0D;}


ul#main_menuquemadores li a:hover, ul#main_menuquemadores li a.active { color:#FF0D0D;}
ul#menuquemadores li a:hover, ul#main_menuquemadores li a.active { color:#FF0D0D;}



#menu-about {
	width:204px;
	font-size:12px;
	font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
	color:white;
	float:left;
	padding-left:25px;
	border-color: #5A5A5A;
	border-right-style: dashed; 
	border-right-width: 1px;
	text-decoration:none

}

#menu-about1 {
	border-right: 1px dashed #5A5A5A;
width:196px;
		font-size:12px;
		font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
		color:white;
		float:left;
		padding-left:25px;
		border-left-color: #5A5A5A;
	border-top-color: #5A5A5A;
	border-bottom-color: #5A5A5A;
}

#menu-about2 {
	border-right: 1px dashed #5A5A5A;
width:191px;
		font-size:12px;
		font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
		color:white;
		float:left;
		padding-left:25px;
		border-left-color: #5A5A5A;
	border-top-color: #5A5A5A;
	border-bottom-color: #5A5A5A;
}

#menu-about3 {
	width:210px;
	font-size:12px;
	font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
	color:white;
	float:left;
	padding-left:20px;
}

#facebook {
margin: 0 auto -30px auto;
width:880px;
padding-top:5px;
text-align:left;

}

#telefonos {
margin: 0 auto -30px auto;
width:885px;
padding-top:1px;
height:50px;
font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
font-size:15px;
color:gray;
text-align:right
}

#telefonos1 {
margin: 0 auto -30px auto;
width:865px;
padding-top:0px;
height:60px;
font-family:"News Gothic MT", Arial, Helvetica, sans-serif;
font-size:15px;
color:gray;
text-align:right
}


table.stats 
{text-align: center;
font-family: "Lucida Sans";
font-weight: normal;
font-size: 14px;
color: #fff;
width: 280px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td 
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: center;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 14px;
font-weight: bold;}


table.stats td.claro
{background-color: #E5E5E5;
color: #000;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 14px;
}


table.stats td.sep
{background-color: #E5E5E5;
color: #000;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 14px;
font-weight: bold;}

table.stats td.red
{background-color: #FE0000;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 14px;
}

a.ver{
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:12px;
	color:gray
}

#slider-wrapper {
    width:400px;
    height:270px;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#logos{
width:300px;
float:left
}

#logos1{
width:255px;
float:left
}

#logos2{
width:170px;
float:left
}

#logos3{
width:170px;
float:left
}


/*----------------------*/
.jqueryslidemenu{
font: normal 12px;
font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
width:800px;
margin:0px auto;
height:40px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
height:40px;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background:#343434; /*background of tabs (default state)*/
color: white;
padding: 0px 15px;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background:#051E56; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px;
font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
width: 160px; /*width of sub menus*/
padding: 0px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #051E56;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


.jqueryslidemenu{
font: normal 12px;
font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
	top: 2px;
	left: -3px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
color: white;
padding: 8px 10px;
color: #2d2b2b;
text-decoration: none;
margin:0px auto;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #606060; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px;
font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background:#051E56;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.li{
	padding-right:30px
}
