/* FONTS */
@font-face { font-family: 'openSans'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#openSans') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'openSansSemiBold'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#openSansSemiBold') format('svg'); font-weight: normal; font-style: normal; }


/* TAGS */
html, body { height: 100%; }
a { text-decoration: none; }
body { font: 11pt openSans; }
footer { background: #2f2f2f url("../images/footer-back-02.gif"); color: #999; font-size: 0.85em; text-shadow: 1px 1px 1px #ccc; }
header { background: url("../images/head-back.jpg"); top: 0; width: 100%; height: 80px; }
nav { background: url("../images/mynavbar.png"); border-bottom: 1px solid #400; height: 40px; position: relative; width: 100%; }
p { padding-bottom: 10px; }


/**** IDS ****/
/*#no-myitems { display: none; }*/
/*#programas-llamar-telefono,
#programas-enviar-correo { display: none; }*/
#slider_container { margin: 0 auto; padding: 20px 0; position: relative; max-width: 1024px; width: 100%; }
#NewOneMapID { border: 1px solid #aaa; height: 440px; margin: 0 auto 40px auto; width: 1024px; }
div#menu-main { background-color: #a00; color: #fff; display: none; line-height: 40px; text-align: left; text-indent: 25px; width: 100%; }


/**** CLASSES ****/
.block_back { background: #2f2f2f url("../images/footer-back-02.gif"); }
.block_content { margin: 0 auto; width: 1024px; }

.callbacks { list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; } /**** SLIDER: NAMESPACE "CALLBACKS" ****/
.callbacks li { left: 0; position: absolute; top: 0; width: 100%; }
.callbacks img { border: 0; display: block; height: auto; position: relative; width: 100%; z-index: 1; }
.callbacks a { color: #fff; font-weight: bold; }
.callbacks .caption { background: #000; background: rgba(0,0,0, .5); bottom: 0; color: #fff; display: block; font-size: 1.2em; left: 0; margin: 0; max-width: none; padding: 10px 20px; position: absolute; right: 0; text-shadow: none; z-index: 2; }
.callbacks_nav { -webkit-tap-highlight-color: rgba(0,0,0,0); background: transparent url('../images/themes.gif') no-repeat left top; height: 61px; left: 0; margin-top: -45px; opacity: 0.5; overflow: hidden; position: absolute; text-decoration: none; text-indent: -9999px; top: 52%; width: 38px; z-index: 3; }
.callbacks_nav:active { opacity: 0.7; }
.callbacks_nav.next { background-position: right top; left: auto; right: 0; }

.Bold { font-weight: bold; }
.Cent { text-align: center; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; z-index: 20; }
.Float01 { float: left; }
.Float02 { float: right; }
.General { background-color: #fff; border: 1px solid #666; color: #999; font-size: 1.1em; padding: 5px; }
.image-frame { border: 1px solid #aaa; }
/*.login-container { background: url("../images/login-back.png"); color: #fff; height: 420px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 300px; -webkit-transform: translate(-50%, -50%); text-align: center; }*/
/*.login-input-general { background-color: #fff; border: 1px solid #666; color: #666; font-size: 1.1em; padding: 10px; width: 76%; }*/
.M01 { margin-right: 10px; }
/*.mySpace01 { margin-left: 30px; }*/
.NoFloat { clear: both; font-size: 1px; width: 100%; }
.P01 { padding-top: 6px; }
.Red01 { color: #f00; }

[class^='menu-icon-'] { background: url("../images/menu-thumbs.png"); background-repeat: no-repeat; height: 20px; margin-right: 6px; vertical-align: middle; width: 20px; }
.menu-icon-home { background-position: 0 0; }
.menu-icon-product { background-position: 0 -20px; }
.menu-icon-project { background-position: 0 -40px; }
.menu-icon-quotation { background-position: 0 -80px; }
.menu-icon-contact { background-position: 0 -60px; }


/* COMBINED */
[class^='page-contact-'] { margin-bottom: 40px; }
[id^='slider_proyectos_'] { margin-bottom: 50px; position: relative; width: 100%; }
article.block_rows { padding: 20px 0; }
article.block_rows:nth-child(odd) { background: #2f2f2f url("../images/footer-back-02.gif"); }
article.block_rows:nth-child(even) { background: #fff url("../images/image-back-02.jpg") center center no-repeat; }
article.block_enterprise { background: #fff url("../images/image-back-02.jpg") center center no-repeat; }
article.slider_back { background: #484848 url("../images/image-back-01.jpg") center center no-repeat; }
article div.page-contact-form { float: left; width: 62%; }
article div.page-contact-location { background-color: #eee; float: right; padding: 20px; width: 28%; }

/*article.programas-espacio-precarga { color: #036; }
article.programas-espacio-precarga div { margin-top: 6px; }
article.programas-espacio-precarga img { margin-right: 10px; }*/

/*div.login-container h1 { font: 1.4em openSansSemiBold; padding-bottom: 12px; }
div.login-container p:first-child { padding-top: 20px; }
div.login-container p#login-messages { color: #f00; font: 1em openSansSemiBold; padding: 16px; }
div.login-line input#btn-login { background-color: #ecb770; border: none; color: #333; display: block; font-size: 1.1em; margin: 0 auto; padding: 8px 20px; width: 82%; }
div.login-line input#btn-login:hover { background-color: #d93600; color: #fff; }*/

div.messages-box { font: 1.2em openSansSemiBold; margin-bottom: 10px; }
div.messages-box div.message-box-error { border: 1px solid #c00; color: #c00; display: none; padding: 8px 12px; }
div.messages-box div.message-box-process { border: 1px solid #ccc; color: #444; display: none; padding: 8px 12px; }
div.messages-box div.message-box-success { border: 1px solid #090; color: #090; display: none; padding: 8px 12px; }

div.block_content h2 { color: #036; text-shadow: 2px 2px 1px #aaa; }
div.myContent { height: auto; margin: auto; min-height: 100%; }
div.myContent:after{ height: 150px; display:block; clear:both; }
div.myContent, div.myReference { padding-top: 120px; }
div.myContent div.myInfo, div.myContent section { width: 100%; }
div.myContent div.myInfo { margin-bottom: 30px; }
div.myContent div.myInfo aside { color: #fff; width: 100%; }
div.myContent section div.productos-categorias { background-color: #565656; border-radius: 10px; color: #fff; float: left; padding: 20px; width: 26%; }
div.myContent section div.productos-categorias p { background: url("../images/sep-line-02.gif") bottom repeat-x; margin-bottom: 10px; }
div.myContent section div.productos-categorias p:last-child { background: none; margin-bottom: 0; }
div.myContent section div.productos-categorias p a { color: #fff; }
div.myContent section div.productos-catalogo { float: right; padding: 20px; width: 62%; }
div.myContent section div.productos-catalogo td { border: 1px solid #ddd; padding: 3px; }
div.myContent section div.productos-catalogo ul { list-style: none; }
div.myContent section div.productos-catalogo ul li { display: inline-table; padding: 0 10px 10px 0; text-align: center; width: 260px; }
div.myContent section div.productos-catalogo ul li div { background-color: #eee; height: 240px; margin: 0 auto 8px auto; width: 240px; }
div.myContent section div.productos-catalogo ul li div img { height: 100%; width: 100%; }
div.myReference section { width: 100%; }
div.myReference section .text-references { display: none; }

footer div.myFoot { padding-bottom: 20px; }
footer div.myFoot div.foot-content-01,
footer div.myFoot div.foot-content-02 { text-align: center; }

header, header nav { position: fixed; left: 0; z-index: 20; }
header nav { top: 80px; }
header div.myLogo, footer div.myFoot { margin: 0 auto; width: 1024px; }
/*header div.myLogo, footer div.myFoot, div.myContent, div.myReference { margin: 0 auto; width: 1024px; }*/
header div.myLogo { background-color: #fff; margin-top: 6px; }
header div.myLogo div.logo-content-01 { float: left; }
header div.myLogo div.logo-content-01 img { height: 64%; width: 64%; }
/*header div.myLogo div.logo-content-02 { float: left; font: 1.1em openSansSemiBold; padding-top: 14px; }*/
header div.myLogo div.logo-content-03 { color: #666; float: right; font-size: .8em; margin-top: 20px; text-align: right; }
header div.myLogo div.logo-content-03 ul { list-style: none; padding-bottom: 6px; }
header div.myLogo div.logo-content-03 ul li { border-right: 1px solid #ccc; display: inline-table; padding: 0 10px; }
header div.myLogo div.logo-content-03 ul li:last-child { border-right: none; }
header div.myLogo div.logo-content-03 ul li a { color: #666; }

nav ul { height: 40px; margin: 0 auto; padding: 0; width: 900px; }
nav li { display: inline; font-size: 0.9em; float: left; }
nav li a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #faa; box-sizing: border-box; }
nav li:last-child a { border-right: 0; }
nav a { color: #fff; display: inline-block; line-height: 40px; text-align: center; text-shadow: 1px 1px 0px #283744; width: 180px; }
nav a:hover, nav a:active { background-color: #b00; }
nav a#pull { display: none; }

section h2 { font: 1.5em openSansSemiBold; padding-bottom: 20px; }

div.enterprise, div.logos { display: table; margin: 0 auto; text-align: center; }
ul.enterprise_options, ul.logos_options { list-style: none; }
ul.enterprise_options li { display: inline-table; padding: 0 16px 30px; text-align: center; }
ul.logos_options li { display: inline-table; padding: 0 10px 20px 10px; text-align: center; }
ul.logos_options li img { background-image: url(../images/enterprise-logos.png); background-repeat: no-repeat; height: 50px; }
ul.logos_options li img.logo-ent-01 { background-position: 0 0; width: 82px; }
ul.logos_options li img.logo-ent-02 { background-position: -82px 0; width: 64px; }
ul.logos_options li img.logo-ent-03 { background-position: -146px 0; width: 61px; }
ul.logos_options li img.logo-ent-04 { background-position: -207px 0; width: 52px; }
ul.logos_options li img.logo-ent-05 { background-position: -259px 0; width: 240px; }
ul.logos_options li img.logo-ent-06 { background-position: -499px 0; width: 49px; }
ul.enterprise_options li img { -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888; height: 100%; width: 100%; }
ul.ul-items-01 li { margin-left: 20px; }
div.logos_back { background: url(../images/footer-back-03.gif) repeat-x; padding: 30px 0 10px; }

#productos-acordion { width: 100%; }
#productos-acordion div.productos-contenido { padding: 10px; }
#productos-acordion h3 { background-color: #898989; border-radius: 8px; color: #fff; cursor: pointer; font-weight: normal; margin-bottom: 2px; padding: 8px 12px; }
#productos-acordion ul { list-style: none; text-align: center; }
#productos-acordion ul li { display: inline-table; padding-bottom: 10px; text-align: center; width: 240px; }
#productos-acordion ul li div { background-color: #eee; height: 220px; margin: 0 auto; width: 220px; }
#productos-acordion ul li p { font-size: .9em; padding: 10px 0; }
#productos-acordion ul li div img { height: 100%; width: 100%; }

#producto-detalles { width: 100%; }
#producto-detalles h1 { background-color: #898989; border-radius: 8px; color: #fff; font-weight: normal; margin-bottom: 2px; padding: 8px 12px; }
#producto-detalles h1 a { color: #fff; }
#producto-detalles div.producto-contenido { padding: 20px; }
#producto-detalles div[class^='producto-detalles-'] { float: left; }
#producto-detalles div.producto-detalles-imagen p { margin-right: 60px; }
#producto-detalles div.producto-detalles-texto { font-size: .9em; }
#producto-detalles div.producto-detalles-texto td { border: 1px solid #ddd; padding: 3px; }
#producto-detalles p.producto-cotizar { background-color: #ed1e2b; border-radius: 8px; padding: 0px; text-align: center; text-shadow: 1px 1px 0px #283744; }
#producto-detalles p.producto-cotizar a { color: #fff; display: block; line-height: 30px; }
/*#productos-acordion h3 { background-color: #565656; color: #fff; cursor: pointer; font-weight: normal; padding: 8px 12px; border-radius: 8px; margin-bottom: 2px; }*/


/**** ======================================================================================================== ****/


/* Screen 1048px and Lower (Laptop-Res) */
@media only screen and (max-width: 1048px) {
	
	/* TAGS */
	nav { height: auto; }
	
	
	/**** IDS ****/
	#slider_container { width: 94%; }
	#NewOneMapID { width: 92%; }
	
	
	/**** CLASSES ****/
	.block_content { width: 92%; }
	
	
	/* COMBINED */
	/*div.myContent, div.myReference { padding-top: 130px; }*/
	header div.myLogo, footer div.myFoot { width: 96%; }
	/*header div.myLogo, footer div.myFoot, div.myContent, div.myReference { width: 92%; }*/
	#productos-acordion ul li { width: 220px; }
	#productos-acordion ul li div { height: 200px; width: 200px; }
	
}


/**** ======================================================================================================== ****/


/* Screen 800px and Lower (Tablet-Res) */
@media only screen and (max-width: 800px) {
	
	/* COMBINED */
	div.myContent { padding-top: 120px; }
	div.myContent section div.productos-categorias { padding: 10px; }
	div.myContent section div.productos-catalogo { padding: 10px; }
	div.myContent section div.productos-catalogo ul li { display: inline-table; padding: 0 10px 10px 0; text-align: center; width: 200px; }
	div.myContent section div.productos-catalogo ul li div { margin: 0 auto; height: 180px; width: 180px; }
	div#menu-main { background-color: #b00; display: block; position: relative; text-shadow: 1px 1px 0px #283744; width: 100%; }
	div#menu-main a#phone { background: url("../images/phone-02.png") no-repeat; content: ""; cursor: pointer; display: inline-block; height: 30px; position: absolute; right: 56px; top: 9px; width: 30px; }
	div#menu-main a#pull { background: url("../images/nav-icon.png") no-repeat; content: ""; cursor: pointer; display: inline-block; height: 30px; position: absolute; right: 12px; top: 11px; width: 30px; }
	nav ul { display: none; height: auto; width: 100%; }
	/*nav ul { display: block; height: auto; width: 100%; }*/
	nav li { float: left; position: relative; width: 50%; }
	nav li a { border-bottom: 1px solid #faa; border-right: 1px solid #faa; }
	nav a { text-align: left; text-indent: 25px; width: 100%; }
	ul.enterprise_options li { width: 32%; }
	#producto-detalles div.producto-detalles-imagen p { margin-right: 40px; }
	
}


/**** ======================================================================================================== ****/


/* Screen 768px and Lower (Tablet-Res) */
@media only screen and (max-width: 768px) {
	
	/* IDS */
	/*#programas-llamar-telefono,
	#programas-enviar-correo { display: block; }*/
	
	
	/* COMBINED */
	/*div.myContent div.myInfo { display: none; }
	div.myContent section { float: none; width: 100%; }*/
	/*header div.myLogo div.logo-content-02 { width: 240px; }*/
	
}


/**** ======================================================================================================== ****/


/* Screen 600px and Lower (Tablet-Res) */
@media only screen and (max-width: 600px) {
	
	/* IDS */
	/*#programas-llamar-telefono,
	#programas-enviar-correo { display: block; }*/
	
	
	/* COMBINED */
	div.myContent section div.productos-categorias { width: 40%; }
	div.myContent section div.productos-catalogo { width: 46%; }
	article.block_enterprise { background: #fff; }
	article div.page-contact-form { width: 60%; }
	article div.page-contact-location { width: 30%; }
	/*article.page-contact-form { float: none; width: 100%; }
	aside.page-contact-location { float: none; width: 88%; }*/
	/*header div.myLogo div.logo-content-02 { width: 160px; }*/
	header div.myLogo div.logo-content-03 { font-size: 0.75em; }
	/*div.myContent div.myInfo { display: none; }
	div.myContent section { float: none; width: 100%; }*/
	/*nav ul { display: block; height: auto; width: 100%; }
	nav li { float: left; position: relative; width: 50%; }
	nav li a { border-bottom: 1px solid #faa; border-right: 1px solid #faa; }
	nav a { text-align: left; text-indent: 25px; width: 100%; }*/
	ul.enterprise_options li { width: 48%; }
	#producto-detalles div.producto-detalles-imagen p { margin-right: 20px; }
	
}


/**** ======================================================================================================== ****/


/* Screen 480px and Lower (Phone-Res) */
@media only screen and (max-width: 480px) {
	
	/* TAGS */
	header { height: 60px; }
	nav { border-bottom: 0; }
	
	
	/* CLASSES */
	.social-content { display: none; }
	
	
	/* COMBINED */
	article div.page-contact-form, article div.page-contact-location { clear: both; float: none; }
	article div.page-contact-form { width: 98%; }
	article div.page-contact-location { padding: 10px; width: 92%; }
	div.myContent, div.myReference { padding-top: 100px; }
	div.myContent section div.productos-categorias { font-size: 0.8em; width: 36%; }
	div.myContent section div.productos-catalogo { float: left; font-size: 0.8em }
	div.myContent section div.productos-catalogo ul li { display: inline-table; padding: 0 10px 10px 0; text-align: center; width: 160px; }
	div.myContent section div.productos-catalogo ul li div { margin: 0 auto; height: 140px; width: 140px; }
	/*div#menu-main { background-color: #ed1e2b; display: block; position: relative; text-shadow: 1px 1px 0px #283744; width: 100%; }
	div#menu-main a#phone { background: url("../images/phone-02.png") no-repeat; content: ""; cursor: pointer; display: inline-block; height: 30px; position: absolute; right: 56px; top: 9px; width: 30px; }
	div#menu-main a#pull { background: url("../images/nav-icon.png") no-repeat; content: ""; cursor: pointer; display: inline-block; height: 30px; position: absolute; right: 12px; top: 11px; width: 30px; }*/
	header div.myLogo div.logo-content-01 {display: none; }
	/*header div.myLogo div.logo-content-02 {display: none; }*/
	header div.myLogo div.logo-content-03 { margin-top: 6px; }
	/* header div.myLogo div.logo-content-02 { float: none; margin: 0 auto; } */
	header nav { top: 60px; }
	footer div.myFoot div[class^='foot-content-'] { float: none; margin: 0 auto; text-align: center; }
	/*nav ul { display: none; height: auto; }*/
	/*nav a#pull { background-color: #ed1e2b; display: block; position: relative; width: 100%; }
	nav a#pull:after { background: url("../images/nav-icon.png") no-repeat; content: ""; display: inline-block; height: 30px; position: absolute; right: 12px; top: 16px; width: 30px; }*/
	nav li { display: block; float: none; width: 100%; }
	nav li a { border-bottom: 1px solid #faa; }
	ul.enterprise_options li { width: 90%; }
	#productos-acordion ul li { width: 200px; }
	#productos-acordion ul li div { height: 180px; width: 180px; }
	
}


/**** ======================================================================================================== ****/


/* Screen 470px and Lower (Phone-Res) */
@media only screen and (max-width: 470px) {
	
	/* TAGS */
	header { height: 40px; }
	
	/* COMBINED */
	div.myContent { padding-top: 80px; }
	header nav { top: 40px; }
	p.proveedor-contacto { display: none; }
	
}