@charset "utf-8";
/* CSS Document */

/*WEBFONT (MENU)*/
@import url(http://fonts.googleapis.com/css?family=Squada+One); /*EXAMPLE: font-family: 'Squada One', cursive;*/
/*WEBFONT (MENU)*/

/* Generales */
html, body { margin:0; padding:0px; }
body { background:url(../../img/body_bg.png) repeat-x left top #FFF; color:#808080; font:normal normal 13px Arial, Helvetica, sans-serif; }
form { margin:0px; padding:0px; }
input, textarea, select { outline:none; overflow:hidden; }
p { margin:0px; padding:0px; }
a { color:#808080; text-decoration:none; cursor:pointer; font:normal bold 12px Arial, Helvetica, sans-serif; }
a:hover { color:#2680AA; text-decoration: none; font:normal bold 12px Arial, Helvetica, sans-serif; }
img { border:0; }
h1, h2, h3 { margin:0; padding:0; }
span { display:none; }

.general { width:955px; min-height:100px; overflow:hidden; margin:0 auto; position:relative; background:url(../../img/general_bg_1.png) repeat-y center top #FFF;  }

.float_l { float:left; }

.separador1 { width:1px; height:250px; background:url(../../img/general_sep_vert.png) repeat-y center top; margin:10px; float:left; }
.separador2 { width:234px; height:1px; border-top:solid 1px #5F6062; margin:10px 0; } 
.separador3 { width:270px; height:1px; border-top:solid 1px #5F6062; margin:10px 0; } 
.separador4 { width:855px; height:1px; border-top:solid 1px #5F6062; margin:10px auto; } 
.separador5 { width:234px; height:1px; background:url(../../img/general_sep_hor.png) repeat-x center top; margin:10px 50px; } 
.separador6 { width:333px; height:1px; border-top:solid 1px #5F6062; margin:10px 0px; } 
/* General Header y Footer */

.logo { width:164px; height:143px; /*background-image:url(../../img/general_logo.png);*/ right:20px; top:20px;  background-repeat:no-repeat;  position:absolute; }

.header { width:955px; height:475px; margin:0 auto; position:relative; }
.header .bar { width:955px; overflow:hidden; margin:0 auto; position:relative; }
.header .bar .btn { height:30px; overflow:hidden; margin:5px 5px 0 5px; position:relative; float:left; }

.header .bg_header { width:955px; height:475px; position:relative; margin:0 auto;}

.header .bg_header.bg1 { background:url(../../img/general_img_01.jpg) no-repeat center top; }
.header .bg_header.bg2 { background:url(../../img/general_img_02.jpg) no-repeat center top; }
.header .bg_header.bg3 { background:url(../../img/general_img_03.jpg) no-repeat center top; }
.header .bg_header.bg4 { background:url(../../img/general_img_04.jpg) no-repeat center top; }
.header .bg_header.bg5 { background:url(../../img/general_img_05.jpg) no-repeat center top; }
.header .bg_header.bg5_alt { background:url(../../img/general_img_05_alt.jpg) no-repeat center top; }
.header .bg_header.bg6 { background:url(../../img/general_img_06.jpg) no-repeat center top; }
.header .bg_header.bg7 { background:url(../../img/general_img_07.jpg) no-repeat center top; }

.header .header_tit { position:absolute; left:0; top:120px; }

.footer { width:955px; height:85px; margin:0 auto; position:relative; }
.footer .bottom_bg { width:955px; height:10px; margin:0px auto; background:url(../../img/general_bg_2.png) repeat-x center top; }
.footer .bot { width:920px; overflow:hidden; margin:0 auto; }
.footer .bot .cont { width:460px; overflow:hidden; float:left; }
.footer .bot .cont a { padding:0 4px; }
.footer .bot .cont .separador { width:460px; height:1px; border-top:solid 1px #5F6062; margin:10px 0; }
.footer .bot .cont .subtit { width:70px; height:22px; color:#5F6062; font-size:11px; font-weight:bold; background:url(../../img/general_flecha.png) no-repeat right center; text-align:right; padding-right:12px; }

/* Menú general */

.menu a, .menu a:active, .menu a:visited { text-decoration:none; color:#FFF; margin:0 10px; font-weight:normal; font-size:18px; padding:0 5px; }
.menu a:hover {color:#CCC; }
.menu a.active {color:#CCC; font-weight:bold; }

.menu .fecha { float:right; padding-right:20px; color:#FFF; margin-top:-30px; font-size:13px; }

#slide {position:absolute; top:0px; height:3px; width:10px; background:#FFF; z-index:10}

/* CSS PARA EL MENU GENERAL */
.menu {	width:955px; height:48px; /*position:relative;*/ z-index:100; display:inline; position:absolute; left:0; top:380px; float:left; font-size:11px; font-weight:bold; background:url(../../img/general_bar.png) repeat-x left top; }
.menu img { padding:0 10px; }

/* hack to correct IE5.5 faulty box model */
* html .menu { width:955px; w\idth:954px; height:48px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0px 5px; margin:0; list-style-type:none; height:48px; }
.menu ul ul { width:auto; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {	float:left;	width:auto;	w\idth:auto; position:relative;	padding-left: 0px;	z-index:100; margin:0px 0px; display:block !important; }
.menu li.p1 { margin:12px 0px 10px 0px; height:35px; display:block !important; }
/* style the links for the top level */
.menu a, .menu a:visited { display:block; text-decoration:none; width:auto; }
.menu a.a1, .menu a.a1:visited { display:block; text-decoration:none; width:auto; height:33px; }
.menu a.a2, .menu a.a2:visited {display:block; text-decoration:none; width:auto; width:160px; padding-right:10px; text-align:right; }

.menu a.a2 { font-family: 'Squada One'; padding:10px 0 10px; margin-right:10px;}
menu a.a2:visited { padding-bottom:5px; }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { width:auto; w\idth:auto; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {  }
/* style the second level hover */
.menu ul ul a.drop:hover{ }
.menu ul ul :hover > a.drop { }

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { }
/* style the third level hover */
.menu ul ul ul a:hover { }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:36px; left:0; }
/* another hack for IE5.5 */
* html .menu ul ul { top:36px;t\op:37px; }

/* position the third level flyout menu */
.menu ul ul ul{ left:168px; top:-1px; width:168px; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-168px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {  background:url(../../img/general_menu_step_2.png) repeat-y right top; color:#658a9a; height:15px; text-align:left; line-height:1em; padding:9px 0px 9px 0; width:170px; border-bottom:1px solid #4f5f80; height:12px}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:138px;w\idth:128px;  height:15px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#78FFFF;  _width:138px; height:15px; background:url(../../img/general_menu_step_2_over.png) repeat-y right top;}
.menu :hover > a, .menu ul ul :hover > a {color:#78FFFF; _width:138px; height:15px; background:url(../../img/general_menu_step_2_over.png) repeat-y right top; }

.menu a:hover.a1, .menu ul ul a:hover.a1{color:#FFF;  _width:138px; height:15px; background:none;}
.menu :hover > a.a1, .menu ul ul :hover > a.a1 {color:#FFF; _width:138px; height:15px; background:none; }


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* Menú general */

/*CONTENEDOR GENERAL*/
.index, .historia, .jardin, .productos, .ventas, .instructivo, .faq, .contacto { width:955px; overflow:hidden; margin:0 auto; position:relative;}

.cont {width:955px; overflow:hidden; margin:20px auto;}
.cont2 {width:855px; overflow:hidden; margin:20px auto;}
.cont3 {width:570px; overflow:hidden; padding-left:50px; margin:20px auto 0 auto; float:left; }
.cont4 {width:290px; overflow:hidden; margin:-25px auto 0 auto;  float:left; }

/*CONTENEDOR GENERAL*/

/*INDEX*/
.con_tit { width:955px; height:1px; margin:0 auto; position:relative; }
.con_tit .index_tit { width:525px; height:225px; position:absolute; left:20px; top:150px; background:url(../../img/general_tit_00.png) repeat left top; z-index:9999;}
.con_tit .index_tit .img { padding: 25px 20px; float:left; }
.con_tit .index_tit .texto { width:225px; overflow:hidden; color:#FFF; float:left; font-size:14px; font-weight:bold; }
.con_tit .index_tit .texto .titulo { font-size:30px; padding-top:20px; padding-bottom:10px; font-weight:bold;}

.index .cuadro { width:234px; min-height:250px; overflow:hidden; margin:20px 34px; float:left;  }
.index .cuadro .imagen { text-align:center; margin:5px auto; }

.index .cuadro .imagen.banorte { width:187px; height:51px; background:url(../../img/index_img_04.png) no-repeat left top; position: relative; }
.index .cuadro .imagen.banorte a { color:#FFF; position:absolute; bottom:3px; left:35px; }
.index .cuadro .imagen.banorte a:hover { color:#FFF; text-decoration:underline; }

.index .cuadro .ver_mas { text-align:right; }
/*INDEX*/  

/*HISTORIA*/
.historia .cont .imagen { float:left; margin:10px 0 10px 280px;}  
.historia .cont .texto { width:310px; margin-left:20px; float:left; margin-top:10px; }  
.historia .cont .texto .volver { width:50px; overflow:hidden; text-align:right; padding-right:12px; background:url(../../img/general_flecha2.png) no-repeat right center; float:right; }
/*HISTORIA*/

/*JARDIN*/
.jardin .cont2 .texto { width:255px; margin:10px; float:left;/* margin-top:20px;*/ } 
.jardin .cont2 .texto .cols { width:255px; overflow:hidden; font-weight:bold; }
.jardin .cont2 .texto .cols .col { width:127px; overflow:hidden; float:left; }
.jardin .cont2 .texto .cols .col ol { list-style:upper-roman; }
.jardin .cont2 .texto ul { list-style:circle; }
.jardin .cont2 .imagen { float:left; margin:10px; padding-bottom:10px; }
/*JARDIN*/

/*PRODUCTOS*/
.productos .cont2 .box1 { width:435px; min-height:185px; overflow:hidden; float:left;}

.productos .cont2 .box2 { width:346px; min-height:185px; overflow:hidden; margin:10px; float:left;}
.productos .cont2 .box2.gris { background:#cbcdce; }
.productos .cont2 .box2 .texto { width:346px; overflow:hidden; text-align:center; padding:5px; }
.productos .cont2 .box2 .imagen { width:105px; height:70px; float:left; padding:5px; }
/*PRODUCTOS*/

/*VENTAS*/
.ventas .cont3 .box, .ventas .cont4 .box { width:270px; overflow:hidden; float:left;}

.ventas .cont3 .box.grey { background:#cbcdce; }
.ventas .cont3 .padr { padding-right:21px; }
.ventas .cont3 .separatore { width:1px; height:260px;  background:url(../../img/general_sep_vert.png) repeat-y center top; margin:15px 5px; float:left;  }

.ventas .cont4 .box .mail { width:95px; height:15px; background:url(../../img/general_header_img_01.png) no-repeat left center; padding-left:18px; }
.ventas .cont4 .box div a { }
.ventas .cont4 .box div a:hover { text-decoration:underline; }
.ventas .cont4 .box .pago { width:90px; overflow:hidden; text-align:right; padding-right:12px; background:url(../../img/general_flecha3.png) no-repeat right center; margin-top:10px; }
/*VENTAS*/

/*ISNTRUCTIVO*/
.instructivo .cont2 .texto { width:300px; min-height:60px; overflow:hidden; float:left;} 
.instructivo .cont2 .instruction { min-height:60px; overflow:hidden; padding:10px; float:left; }

.instructivo .cont2 img { padding-right:20px; }

.tam_instru { width:250px; overflow:hidden; }
/*ISNTRUCTIVO*/

/*FAQ*/
.faq .cont2 .box1 { width:330px; min-height:185px; overflow:hidden; float:left;  margin:10px;}

.faq .grey { width:185px; overflow:hidden; padding:10px; position:absolute; right:0; bottom:100px; background:#BFC0C0; }
.faq .grey .box .mail { width:95px; height:15px; background:url(../../img/general_header_img_01.png) no-repeat left center; padding-left:18px; }
.faq .grey .box div a { }
.faq .grey .box div a:hover { text-decoration:underline; }
/*FAQ*/

/*CONTACTO*/

.contacto .cont2 .box { width:400px; min-height:185px;  overflow:hidden; float:left;}

.contacto .cont2 .box .gris {  width:400px; overflow:hidden; margin:10px 0; background:#cbcdce; }
.contacto .cont2 .box .gris .row { width:400px; min-height:22px; overflow:hidden; margin:5px 0; }
.contacto .cont2 .box .gris .row .campo { width:80px; overflow:hidden; float:left; color:#FFF; padding:5px; text-align:right; font-weight:bold; }
.contacto .cont2 .box .gris .row .campo2 { width:35px; overflow:hidden; float:left; color:#FFF; padding:5px; text-align:right; font-weight:bold; }

.contacto .cont2 .box .gris .row input { height:22px; overflow:hidden; color:#000; }
.contacto .cont2 .box .gris .row input.t1 { width:300px; float:left; }
.contacto .cont2 .box .gris .row input.t2 { width:130px; float:left; }
.contacto .cont2 .box .gris .row input.t3 { width:120px; float:left; }
.contacto .cont2 .box .gris .row textarea { width:300px; height:100px; overflow:hidden; color:#000; float:left; }

.contacto .cont2 .mapa { width:435px; height:245px; margin:10px; float:left; margin:40px 10px 0px;}
.contacto .cont2 .bolsa_imagen { width:435px; height:245px; margin:10px; float:left; margin:40px 10px 0px;}

.contacto .cont2 .contact {  width:435px; min-height:100px; overflow:hidden; margin:0px 410px; }
.contacto .cont2 .contact .mail { width:95px; height:15px; background:url(../../img/general_header_img_01.png) no-repeat left center; padding-left:18px; }
.contacto .cont2 .contact div a { }
.contacto .cont2 .contact div a:hover { text-decoration:underline; }

.contacto .cont2 .box .gris .row input.submit { width:85px; height:25px; border:#fff solid 1px; background:#808080; font:normal bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; margin:0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.contacto .cont2 .box .gris .row input:hover.submit { width:85px; height:25px; border:#fff solid 1px; background:#CCC; font:normal bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; margin:0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

input.error, textarea.error { border:2px solid #F00; }

.aviso { height:13px; padding:5px; }
.container { display: none; font-size:11px; padding:0 0 0 60px; color:#FFF; background:#5F6062; }

.aviso_correcto { width:510px; padding-left:80px; padding-top:85px; height:167px; background:#A9DEF7; }
.aviso_correcto_idx { width:260px; padding:35px 0; height:137px; background:#A9DEF7; }
.aviso_correcto_txt { width:260px; font:italic bold 13px Arial, Helvetica, sans-serif; color:#2680AA; }
.aviso_correcto_txt .titulo { font-size:17px; padding:0 0 12px; text-align:left; }
/*CONTACTO*/