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

* {margin:0; padding:0; list-style:none;}
html { overflow: -moz-scrollbars-vertical; }
body { font:normal 13px/17px Arial, Helvetica, sans-serif; color: #000; background: #000 ; }
a, a:visited {color:#3b8dc1; outline:none;}
a:hover {color:#000;}
a img { border:none; }
p, h1, h2, h3 {margin:0 0 13px 0;}
#wrap {background: #fff url(img/body_bg.jpg) repeat-x top; overflow:hidden;}


/* > Header <
-----------------------------------------------------------------------------------------------------------------------------*/
#header {width:800px; height:120px; margin:0 auto; overflow:hidden;}
.logo a {float:left; width:89px; height:89px; background:url(img/logo.jpg) no-repeat; margin-top:18px;}
.logo h1 {margin:0;}
.logo span {display:none;}





/* > Nav <
-----------------------------------------------------------------------------------------------------------------------------*/
ul#nav { height: 26px; width:439px; right:20px; list-style:none; overflow:hidden; float:right; margin-top:77px}
#nav span {display:none;}

#nav li {float:left;}
#nav li a { display: block; height: 26px; line-height: 26px; margin-right:20px; }

li a#inicio {
width: 58px; background: url(img/nav.jpg) no-repeat 0 0;}
li a#inicio:hover { background: url(img/nav.jpg) no-repeat 0 -26px;}
body#inicioSection li a#inicio, li a#inicio:active { background: url(img/nav.jpg) no-repeat 0 -26px;}

li a#nosotros {
width: 151px; background: url(img/nav.jpg) no-repeat -58px 0;}
li a#nosotros:hover { background: url(img/nav.jpg) no-repeat -58px -26px;}
body#nosotrosSection li a#productos, li a#productos:active { background: url(img/nav.jpg) no-repeat -58px -26px;}

li a#portafolio {
width: 87px; background: url(img/nav.jpg) no-repeat -209px 0;}
li a#portafolio:hover { background: url(img/nav.jpg) no-repeat -209px -26px;}
body#portafolioSection li a#preguntas_frecuentes, li a#preguntas_frecuentes:active { background: url(img/nav.jpg) no-repeat -209px -26px;}

li a#contacto {
width: 83px; background: url(img/nav.jpg) no-repeat -296px 0; margin-right:0;}
li a#contacto:hover { background: url(img/nav.jpg) no-repeat -296px -26px;}
body#contactoSection li a#contacto, li a#contacto:active { background: url(img/nav.jpg) no-repeat -296px -26px;}




/* > Banner <
-----------------------------------------------------------------------------------------------------------------------------*/
#banner {width:800px; height:272px; margin:0 auto 15px auto; padding:11px; background:url(img/index_banner_bg.jpg) center no-repeat;}
.banner_content {width:800px; height:250px; background-color:#FFF; margin:11px auto; background-image:url(img/banner_bg.jpg);}
.banner_left {width:270px; height:210px; padding:0 20px; float:left;}
.banner_left p {color:#dddddd; font:normal 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.banner_left h2 {color:#fff; font:bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:30px 0 5px 0;}
.banner_right {width:490px; height:250px; float:left; }
.video {width:420px; height:230px; margin:10px auto 0 auto;}
.flash {position:absolute; z-index:-10000;}


/* > Banner Interior <
-----------------------------------------------------------------------------------------------------------------------------*/
#banner_interior {width:800px; height:70px; overflow:hidden; margin:10px auto 22px auto;}




/* > Index Col's <
-----------------------------------------------------------------------------------------------------------------------------*/
#content {width:823px; overflow:hidden; margin:0 auto; padding-bottom:50px;}
#content_interior {width:800px; overflow:hidden; margin:0 auto; padding-bottom:50px}
.col {width:380px; height:200px; padding:11px; float:left; margin-right:19px; background:#FFF url(img/index_col_bg.jpg)no-repeat;}
.col_content {width:352px; height:200px; background:#fff url(img/index_h2_col_bg.jpg) no-repeat; padding:0 14px; overflow:hidden;}
.last {margin-right:0;}
.col h2 {color:#FFF; font-size:14px; font-weight:bold; margin:14px 0 26px 0; }

.narrowcol {width:250px; margin-right:8px; float:left; padding-left:10px; overflow:hidden;}
.narrowcol p {font:normal 12px/16px Arial, Helvetica, sans-serif;}
.widecol {width:522px; float:left; overflow:hidden;}

.narrowcol li a {text-decoration:none; color:#555555; float:left; display:block; width:260px; padding:10px 0 10px 8px; border-bottom:solid 1px #e2e2e2; font:normal 14px "Lucida Sans"Verdana, Arial, Helvetica, sans-serif; overflow:hidden; float:left;}
.narrowcol li a:hover { background-color:#1c559d; width:252px; color:#fff;}
	
	
.item {width:130px; height:120px; float:left; margin-bottom:10px; overflow:hidden;}
.item img {float:right; width:114px; height:114px; border:solid 2px #777777;}




#footer {padding:25px 0; background-color:#000; height:19px; overflow:hidden;}
.footer_container { width:800px; margin:0 auto;} 
.texto_footer {line-height:19px; float:left;}
.texto_footer p {color:#fff; font:normal 12px/19px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.texto_footer a {color:#fff; text-decoration:none;}
.texto_footer a:hover {color:#fff; text-decoration:underline;}
.facebook {width:92px; height:19px; float:right;}


/* > Form <
-----------------------------------------------------------------------------------------------------------------------------*/
.texto1 p { font-size:16px; overflow:hidden;}
#name {width:250px; height:30px; margin-bottom:10px; margin-left:5px;}
#email {width:250px; height:30px; margin-bottom:10px; margin-left:5px;}
#message {width:250px; height:120px;margin-bottom:10px; margin-left:5px;}
.texts { float:left; margin-left:95px;}