@font-face {
    font-family: 'verdana'; /*verdana*/
    src: url('fonts/verdana/verdana.eot');
    src: url('fonts/verdana/verdana.eot?#iefix') format('embedded-opentype'),
         url('fonts/verdana/verdana.svg#verdana') format('svg'),
         url('fonts/verdana/verdana.woff') format('woff'),
         url('fonts/verdana/verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelvNeue55Roman'; /*HelvNeue53Extended*/
    src: url('fonts/helvetica_neue/helveticaneue55roman.eot');
    src: url('fonts/helvetica_neue/helveticaneue55roman.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_neue/helveticaneue55roman.svg#helveticaneue55roman') format('svg'),
         url('fonts/helvetica_neue/helveticaneue55roman.woff') format('woff'),
         url('fonts/helvetica_neue/helveticaneue55roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelvNeue53Extended'; /*HelvNeue53Extended*/
    src: url('fonts/helvetica_neue_extend/helveticaneueltstd-ex.eot');
    src: url('fonts/helvetica_neue_extend/helveticaneueltstd-ex.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_neue_extend/helveticaneueltstd-ex.svg#HelveticaNeueLTStd53Extended') format('svg'),
         url('fonts/helvetica_neue_extend/helveticaneueltstd-ex.woff') format('woff'),
         url('fonts/helvetica_neue_extend/helveticaneueltstd-ex.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'clarendonltstd'; /*clarendonltstd*/
    src: url('fonts/clarendonltstd/clarendonltstd.eot');
    src: url('fonts/clarendonltstd/clarendonltstd.eot?#iefix') format('embedded-opentype'),
         url('fonts/clarendonltstd/clarendonltstd.svg#clarendonltstd') format('svg'),
         url('fonts/clarendonltstd/clarendonltstd.woff') format('woff'),
         url('fonts/clarendonltstd/clarendonltstd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clarendonltstd-light'; /*clarendonltstd-light*/
    src: url('fonts/clarendonltstd-light/clarendonltstd-light.eot');
    src: url('fonts/clarendonltstd-light/clarendonltstd-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/clarendonltstd-light/clarendonltstd-light.svg#clarendonltstd-light') format('svg'),
         url('fonts/clarendonltstd-light/clarendonltstd-light.woff') format('woff'),
         url('fonts/clarendonltstd-light/clarendonltstd-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clarendonltstd-bold'; /*clarendonltstd-bold*/
    src: url('fonts/clarendonltstd-bold/clarendonltstd-bold.eot');
    src: url('fonts/clarendonltstd-bold/clarendonltstd-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/clarendonltstd-bold/clarendonltstd-bold.svg#clarendonltstd-bold') format('svg'),
         url('fonts/clarendonltstd-bold/clarendonltstd-bold.woff') format('woff'),
         url('fonts/clarendonltstd-bold/clarendonltstd-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*--- FIX --- */
.clear_fix {
	clear: both;
}

/*----- carga bg -----*/

body:before {
    content: url(../images/bg_title_hover.png) url(../images/bt_mas_hover.png);
    display:none;
}



/*----- FOCUS ----*/ 
nav *:active:focus,
*:focus {
	outline: none !important;

}

nav *:focus ,
form *:focus {
	outline: 1px solid #45F2ED !important;

}


/*----- Styles ---*/

html, body {
	min-width: 300px;
}

body {
	font-family: 'HelvNeue55Roman',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	background-color: #EBECEC;
}

h1,
.h1 {
  font-size: 2.4em;
}

h2,
.h2 {
  font-size: 2em;
}

h3,
.h3 {
  font-size: 1.6em;
}

h4,
.h4 {
  font-size: 1.2em;
}

h5,
.h5 {
  font-size: 1em;
}

h6,
.h6 {
  font-size: 12px;
}

h1 small,
.h1 small {
  font-size: 1.6em;
}

h2 small,
.h2 small {
  font-size: 1.2em;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 1em;
}

/*--- Index ---*/

/*
.container {
	padding: 0;
}
*/
/*- Header -*/
/*
header {
	height: 550px;
}
*/
header{
	position: relative;
	z-index: 99;
}


header #logo {
	background-color:transparent;
	border-bottom: none;
	height: auto;

}

header #logo #img_logo {
	background-color: #1E7A8D;
	border-bottom: 5px solid #45F2ED;
	max-width: 100%;
}

#img_header {
	top: -3%;
}

#img_header img {
	max-width: 100%;
}

#slogan {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 1em;
}

#slogan h4 {
	border-top: 4px solid #45F2ED;
	color: #444444;
	display: inline;
	font-family: 'clarendonltstd-bold', serif;
	font-size: 2.4em;
	line-height: 1.5em;
	font-weight: normal;
	padding-top: 5px;
	text-transform: uppercase;
}

#nav_principal {
	padding: 0;
	min-height: 25px;
}

#menu_principal {
	float: right;
	margin: 0;
	padding: 0;
}

#menu_principal li {
	float: left !important;
}

#menu_principal li a {
	color: #464747;
	display: inline !important;
	font-family: 'HelvNeue53Extended', Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	margin: 0 8px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	text-decoration: none;
	z-index: 999;
}

#menu_principal li a:link,
#menu_principal li a:visited {
	text-decoration: none;
	color: #464747;
}

#menu_principal li a:hover,
#menu_principal li a:active {
	background: none;
	border-bottom: 4px solid #45F2ED;
	color: #464747;
	text-decoration: none;
}

#menu_principal li a.active {
	border-bottom: 4px solid #45F2ED;
}


/*---- Section --*/

.container{
	position: relative;
	z-index: 1;
}

#section_title {
	clear: both;
	color: #464747;
	display: inline;
	float: left;
	font-family: 'HelvNeue53Extended', Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	margin-top: 10px;
	position: relative;
	text-align: left;
	position: relative;
	padding: 0;
}

#section_title a {
	text-decoration: none;
	color: #464747;
}

#section_title a:link,
#section_title a:visited {
	text-decoration: none;
	color: #464747;
}

#section_title a:hover,
#section_title a:active {
	text-decoration: none;
	color: #464747;
}

section .productos {
	position: relative;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin-bottom: 1%;
	overflow: hidden;
	/*padding-top: 15%;*/
}


section .productos:nth-child(2n+1) {
	padding-left: 0;
}

section .productos:nth-child(2n+2) {
	padding-right: 0;
}

section .productos a {
	display: block;
	cursor: pointer;
	height: 100%;
	position: relative;
	text-decoration: none;
}

section .productos a img {
	width: 100%;
}

section .productos a:link,
section .productos a:visited {
	text-decoration: none;
}

section .productos a:hover,
section .productos a:active {	
	text-decoration: none;
}

section .productos a .title_article {
	background: url(../images/bg_title.png) repeat left top;
	bottom: 0;
	position: absolute;
	right: 0;
	width: 100%;
}

section .productos a h5 {
	background: url(../images/bt_mas.png) no-repeat right bottom;
	color: #FFF;
	font-family: 'HelvNeue53Extended', Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	min-height: 38px;
	margin: 0;
	padding: 12px 35px 12px 12px;
	text-transform: uppercase;
	width: 100%;
	vertical-align: middle;
}

section .productos a:hover .title_article,
section .productos a:focus .title_article {
	background: url(../images/bg_title_hover.png) repeat left top;
}

section .productos a:hover h5,
section .productos a:focus h5{
	background: url(../images/bt_mas_hover.png) no-repeat right bottom;
}


/*--- Footer --*/

footer {
	margin-top: 75px;
	position: relative;
}

#img_prodcutos_footer {
	width: 100%;

}

#info_footer {
	position: relative;
}

#info_footer p {
	border-top: 1px dashed #45F2ED;
	color: #8E8E8E;
	font-family: 'clarendonltstd-light', serif;
	font-size: 1.15em;
	font-weight: normal;
	margin-top: 20px;
	padding-top: 10px;
}

#info_footer p span {
	color: #45F2ED;
	font-family: 'clarendonltstd-bold', serif;
}

#new_bean {
	background: url(../images/new_bean.png) no-repeat center center;
	color: transparent;
	float: right;
	height: 26px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	top: -5px;
	width: 17px;
}

/*--- Empresa ---*/

#empresa article,
#contacto article {
	background: #1B8595;
	padding-left: 0;
	padding-right: 0;
}
/*
#empresa article [class*="col"] {
	padding: 0;
}
*/
#img_art_empresa {
	padding-right: 0;
	padding-left: 20px;
	padding-top:41px;
}

#img_art_empresa img {
	width: 100%;
}

#txt_empresa {
	clear: left;
	padding-left: 0;
	padding-right: 0;
	padding-top:41px;
}

#empresa article h5 {
	color: #FFF;
	font-family: 'clarendonltstd', serif;
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 0;
	padding-bottom: 5px;
	padding-left: 5%;
	border-bottom: 1px dashed #FFF;
}

#empresa article p{
	color: #FFF;
	font-family: 'HelvNeue55Roman',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1em;
	line-height: 1.75em;
	font-weight: normal;
	padding-left: 5%;
	padding-right: 7.5%;
	padding-top: 15px;
}

/*--- Contacto ---*/


#txt_contacto {
	background: url(../images/flecha_top_secciones.png) no-repeat 15px 0;
	clear: left;
	padding-left: 0;
	padding-right: 0;
	padding-top:41px;
}


#contacto article h5 {
	color: #FFF;
	font-family: 'clarendonltstd', serif;
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 0;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 1px dashed #FFF;
}

#info_contacto p {
	color: #FFF;
	font-family: 'clarendonltstd-light', serif;
	font-size: 1em;
	line-height: 145%;
	font-weight: normal;
	margin: 0;
}


#txt_contacto #content_form {
	padding-right: 0;
}

#txt_contacto #content_form form {
	padding: 0;
}

#txt_contacto form fieldset{
	padding: 0;
	margin-bottom: 20px;
}


#txt_contacto form #consulta_bt_enviar {
	padding-right: 15px; 
}

#txt_contacto form fieldset input,
#txt_contacto form fieldset textarea {
	background: #B9BABB;
	border: none;
	margin: 3px 0 0 0;
	padding: 10px;
	width: 99%;
}



#txt_contacto form fieldset input:first-child {
	margin: 0;
}

#txt_contacto form fieldset input,
#txt_contacto form fieldset textarea {
	color: #464747;
	font-family: 'HelvNeue53Extended', Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
}


::-webkit-input-placeholder {
   color: #464747;
}

:-moz-placeholder { /* Firefox 18- */
   color: #464747;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #464747;  
}

:-ms-input-placeholder {  
   color: #464747;  
}

#txt_contacto form fieldset textarea {
	height: 245px;
}

#content_bt_enviar {	
	float: right;
	margin-top: 5px;
	margin-right: 1%;
	position: relative;
}

#bt_enviar {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	color: #FFF;
	font-family: 'clarendonltstd-light', serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
}
	
#bt_enviar:hover {
	border-bottom: 3px solid #45F2ED;
}

#content_bt_enviar #gif_wait {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;

}

#txt_contacto form fieldset #info_contacto {
	height: 128px;
}

#content_map {
	background: url(../images/sombra_map.png) no-repeat bottom left;
	background-size: 95%;
	height: 245px;
	padding: 0 1% 20px 0;
	position: relative;
	margin: 3px 0 0 0;

}

#firstHeading {
	color: #1B8595;
	font-family: 'HelvNeue53Extended', Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	text-transform: uppercase;
}


/* Error */

#content_form form fieldset input.error,
#content_form form fieldset textarea.error {
	background: #45F2ED;
	/*color: #B9BABB;*/
}
/*
input.error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder   {
  color: #B9BABB;
}
input.error:-moz-placeholder, textarea.error:-moz-placeholder  {
  color: #B9BABB;
}*/

#content_form #mensaje {
	clear: both;
	color: #45F2ED;
	font-family: 'clarendonltstd-light', serif;
	font-size: 1.1em;
	font-weight: normal;
	margin-top: -47px;
	margin-right: 1%;
	padding: 0;
	text-transform: uppercase;
	float: left;
	width: 100%;
	/*position: absolute;
	bottom: 0;
	right: 25px;*/
}



/*--- Detalle Producto ---*/

.detalle_producto {
	background: #1B8595;
	overflow: hidden;
	padding-top: 35px;
	position: relative;
}

.detalle_producto #descripcion_superior {
	z-index: 35;
	padding-left: 0;
	padding-right: 0;
}

.detalle_producto #img_producto {
	padding: 0;
	z-index: 35;
	text-align: right;
	height: 388px;
}

#descripcion_superior img {
	width: auto;
	max-height: 388px;	
	max-width: 100%;
}

.detalle_producto #caracteristicas_producto {
	padding: 0;
	margin-bottom: 35px;
}

#descripcion_superior h4 {
	color: #FFF;
	font-family: 'clarendonltstd', serif;
	font-size: 1.8em;
	font-weight: normal;
	padding-left: 5%;
}

#descripcion_superior h4 span {
	color: #45F2ED;
	/*letter-spacing: -0.2em;*/
	margin-right: 5px;
}

.detalle_producto #caracteristicas_producto ul {	
	padding-left: 0;
	list-style: none;
	z-index: 25;
	border-top: 1px dashed #45F2ED;
	padding: 5px 0;
}

.detalle_producto #caracteristicas_producto ul li {
	background: #D8DBDF;
	clear: both;	
	color: #5B5B5B;
	display: inline;
	float: left;
	font-family: 'clarendonltstd-light', serif;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 4px;
	padding-left: 5%;
	padding-right: 20px;
}

.detalle_producto #caracteristicas_producto ul li.special {
	font-size: 1em;
}

.detalle_producto #caracteristicas_producto ul li span {
	color: #1B8595;
	font-family: 'clarendonltstd', serif;
}

.detalle_producto #descripcion_producto{
	background: #FFF;
	position: relative;
	clear: both;
	padding: 30px 15px;
}


.cierra_detalle {
	cursor: pointer;
}

a.cierra_detalle {
	color: transparent;
	background: url(../images/bt_cerrar.jpg) no-repeat left bottom;
	height: 38px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0;
	width: 38px;
	z-index: 999999;
}

.ui-widget-content {
	border: none !important;
	background: none !important;
	color: #222222 !important;
	width: 80%;
	max-width: 1170px;
}

.ui-dialog {
	width: 90% !important;
	min-width: 250px !important;
}

#detalle_nav {
	margin: 0;
	padding: 0;
	position: relative;
	top: 25px;
}


#detalle_nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#anterior {
	float: left;
}

#siguiente {
	float: right;
}

#detalle_nav li a {
	color: #FFF;
	cursor: pointer;
	font-family: 'HelvNeue53Extended', Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 12px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

#detalle_nav li a:link,
#detalle_nav li a:visited {
	color: #FFF;
	text-decoration: none;
}

#detalle_nav li a:hover,
#detalle_nav li a:active {
	color: #FFF;
	text-decoration: none;
}

#detalle_nav li a  span {
	color: transparent;
	height: 15px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	top: -1px;
	width: 8px;
}


#detalle_nav #anterior a span {
	background: url(../images/bt_prev.png) no-repeat center center;
}

#detalle_nav #siguiente a span {
	background: url(../images/bt_next.png) no-repeat center center;
}


/*--- Detalle Modelo 1 ---*/

.detalle_producto_modelo_1 #descripcion_inferior {
	border-top: 1px dashed #45F2ED;
	padding-top: 15px;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	top: -35px;
	z-index: 25;
}


.detalle_producto_modelo_1 #content_img_detalle_producto {
	display: none;
	float: right;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 27%;
}

.detalle_producto_modelo_1 #img_detalle_producto {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
}

.detalle_producto_modelo_1 #detalle_nav {
	top: -15px;
}

/*--- Detalle Modelo 2 ---*/

.detalle_producto_modelo_2 {
	padding-bottom: 35px;
}

.detalle_producto_modelo_2 #descripcion_superior h4 {
	padding-left: 0%;
}


.detalle_producto_modelo_2  #caracteristicas_producto {
	margin-bottom: 0;
}

.detalle_producto_modelo_2 #caracteristicas_producto ul {
	height: 230px;
	border-bottom: 1px dashed #45F2ED;
}


.detalle_producto_modelo_2 #img_detalle_producto{
	display: none;
	padding-right: 0;
	height: 230px;
	overflow: hidden;
	margin-bottom: 15px;
	padding-left: 0;
}

.detalle_producto_modelo_2 #img_detalle_producto img {
	position: absolute;
	height: 100%;
	width: auto;
}

.detalle_producto_modelo_2 #descripcion_inferior {
	background: #FFF;
	padding-top: 0px;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	z-index: 25;
	min-height: 235px;
}


.img_producto_detalle_2 {
	position: relative;
	width: 50%;
	height: auto;
	z-index: 50;
}

#descripcion_superior .img_producto_detalle_2 {
	width: 50%;
}


/*-- Footer Empresa --*/

#empresa + footer,
#contacto + footer {
	margin-top: 15px;
}


/*-------------- MQ ------------*/


@media (max-width: 400px) {

/*--- Contacto ---*/
#txt_contacto form fieldset {
	width: 100%;
	padding-right: 15px;
}


}

@media (min-width: 600px) {


/*--- Detalle Producto ---*/
/*--- Detalle Modelo 2 ---*/

.detalle_producto_modelo_2 #descripcion_producto{
	background: url(../images/bg_descripcion_producto2.png) no-repeat bottom right;
	position: relative;
	clear: both;
	padding: 30px 37.5% 30px 15px;
	min-height: 235px;
}

.img_producto_detalle_2 {
	position: absolute;
	bottom: 45px;
	right: 15px;
	width: 37.5%;
	height: auto;
	z-index: 50;
}

}



@media (min-width: 720px) {

/*--- Index ---*/
/*
header #logo {
	background-color:none;
	border-bottom: none;
	height: auto;

}

header #logo #img_logo {
	background-color: #1E7A8D;
	border-bottom: 5px solid #45F2ED;
}

#img_header {
	top: -3%;
}*/
header #logo {
	background-color: #1E7A8D;
	border-bottom: 5px solid #45F2ED;
	height: 145px;
	position: relative;
	text-align: center;

}

header #logo #img_logo {
	max-width: 100%;
	z-index: 20;
	background-color: transparent;
	border-bottom: none;
}


#img_header {
	text-align: center;
	position: relative;
	top: -30px;
}
}


@media (min-width: 768px) {

/*--- Index ---*/


/*
header #logo {
	background-color: #1E7A8D;
	border-bottom: 5px solid #45F2ED;
	height: 145px;
	position: relative;
	text-align: center;

}

header #logo #img_logo {
	max-width: 100%;
	z-index: 20;
	background-color: transparent;
	border-bottom: none;
}


#img_header {
	text-align: center;
	position: relative;
	top: -30px;
}
*/

/*--- Header ---*/



#nav_principal #menu_principal {
	float:none;
}


/*---- Section --*/

#section_title {
	top: -1.2em;
	margin-top: 0;
}

section .productos:nth-child(2n+1) {
	padding-left: 0.5%;
}

section .productos:nth-child(2n+2) {
	padding-right: 0.5%;
}
section .productos:nth-child(3n+1) {
	padding-left: 0;
}

section .productos:nth-child(3n+3) {
	padding-right: 0;
}

/*--- Empresa ---*/


#txt_empresa {
	background: url(../images/flecha_top_secciones.png) no-repeat 5% 0;
	clear: none;
}



/*--- Contacto ---*/

#txt_contacto form #consulta_bt_enviar {
	padding-right: 0; 
}


#consulta_bt_enviar {
	padding: 0;
}

#content_map,
#txt_contacto form fieldset textarea {
	margin-top: 12px;
}

/*--- Detalle Producto ---*/



.detalle_producto_modelo_1 #caracteristicas_producto ul,
.detalle_producto_modelo_1 #caracteristicas_producto ul li {
	margin-left: -25%;
	padding-left: 27.5%;
}


.ui-dialog {
	width: 80% !important;
	min-width: 250px !important;
}



}

@media (min-width: 990px) {

/*--- Empresa ---*/

#img_art_empresa {
	height: 100%;
	overflow: hidden;
	position: absolute;
}

#img_art_empresa img {
	width: 100%;
}

#txt_empresa {
	float: right;
	margin-bottom: 70px;
}



/*--- detalle 2 ---*/


.detalle_producto_modelo_2 #img_detalle_producto {
	display: inherit;
}

.detalle_producto_modelo_2 #img_detalle_producto img {
	right: 0;
}


.img_producto_detalle_2 {
	width: 22.5%;
	height: auto;
}

#detalle_mesa_horno .img_producto_detalle_2  {
	height: 55%;
	width: auto;
}

.detalle_producto_modelo_1 #descripcion_producto{
	padding: 30px 22.5% 30px 15px;
	overflow: hidden;
	min-height: 286px;
}

.detalle_producto_modelo_1 #content_img_detalle_producto {
	display: inherit;
}


}

@media (min-width: 1150px) {

/*--- detalle 2 ---*/

.detalle_producto_modelo_2 #descripcion_producto{
	padding: 30px 30% 30px 15px;
}

}

@media (min-width: 1350px) {

/*--- detalle 2 ---*/

.detalle_producto_modelo_2 #descripcion_producto{
	padding: 30px 25% 30px 15px;
}

}