/*     Style Sheet designed, programmed and structured by Makko IT    */
/*     Please do not copy or imitate, contribute! R3gardz!            */
/*                   makko.mx - madmind.mx                            */
/* ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}h1, h2, h3, h4, h5, h6 {font-weight:normal;}
/* General Elements */
body{font-family: 'Helvetica Neue', Arial, sans-serif;font-size: 12px;line-height: 1.4;text-align: center;color: #000;background: #fff url('../images/vichy.png') repeat top left;padding: 0;margin: 0;}		
strong{font-weight: bold;}em{font-style: italic;}address {font-style: normal;font-size: 115%;}input, textarea, select {font: 1em Arial, sans-serif;}img{border: none;}
.vacio{clear: both; border: none; margin: 0; padding: 0; background: transparent;line-height: 0.3;}

/* Start Custom */
#wrapper{background-color: #FAF9F7;min-width: 1000px;min-height: 500px;}
#header{width: 980px;margin: 0 auto;min-height: 80px;}
#logo{float: left;width: 320px;}
#navigation{width: 620px;margin: 0 0 0 auto;}
#navigation ul{text-align: right;padding-top: 24px;font-size: 15px;}
#navigation li{display: inline;margin: 0 5px;padding: 25px 3px;}
#navigation li a{color: #535353;text-decoration: none;padding: 25px 10px 20px 10px;}
#navigation li a:hover{border-bottom: 4px solid #535353;}

#principal #navigation li.home a, #bd_somos #navigation li.menu_somos a,
#bd_servicios #navigation li.menu_servicios a,#bd_productos #navigation li.menu_productos a,
#bd_contacto #navigation li.menu_contacto a{background-color: #535353;color: #fefefe;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}

#content{width: 980px;margin: 0 auto;}
#main{background: transparent url('../images/compu.png') no-repeat top left;min-height: 600px;margin-top: 20px;}

#welcome{width: 560px;margin: 30px 0 0 auto;text-align: left;}
#welcome h1{font-size: 30px;font-weight: bold;color: #9FA0A3;margin-bottom: 7px;}
#welcome p{font-size: 14px;color: #656565;}
#service{width: 560px;margin: 10px 0 0 auto;text-align: left;}
#service h2{font-weight: bold;color: #545454;font-size: 16px;}
.service_item_recommend{border-bottom: 1px dotted #e4e4e4;padding: 3px;margin: 0;min-height: 160px;}
.service_item_recommend img{float: left;margin-top: 15px;}
.service_item_recommend h2{width: 28%;margin: 18px 360px 0 auto;}
.service_item_recommend p{width: 50%;margin: 10px auto 0 0;color: #545454;}
.service_item_recommend p a{color: #336995;text-decoration: none;}
.service_item_recommend img#site_recommend{float: right;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #FAF9F7;}

.service_item{background-color: #e4e4e4;padding: 5px 3px;margin: 20px 0 0 0;min-height: 26px;}
.service_item:hover{background-color: transparent;}
.service_item img{float: left;margin-top: 6px;}
.service_item img.image_next{float: right;}
.service_item h2{width: 93%;margin: 0 0 0 auto;}
.service_item h2 a{text-decoration: none;color: #545353;}
.service_item p{width: 93%;margin: 0 0 0 auto;font-size: 13px;}
.service_item p a{text-decoration: none;color: #545353;}
#certs{width: 980px;margin: 80px auto 0 auto;padding-bottom: 30px;}
#certs img{margin: 0 15px;}
#footer{color: #454545;font-size: 14px;padding: 30px 0;}
#footer p span{font-size: 16px;color: #747474;padding: 0 10px;}
#footer p a{color: #454545;text-decoration: none;}

/* about */
#route{border-bottom: 1px dotted #e4e4e4;padding: 10px 0;text-align: left;color: #656565;margin-top: 20px;}
#route a{color: #336995;}
#section_title{text-align: left;padding: 20px;}
#section_title h1{font-size: 40px;font-weight: bold;color: #9FA0A3;}
#timeline{float: left;width: 45%;text-align: left;font-size: 13px;}
#timeline h2{font-size: 20px;font-weight: bold;color: #545454;margin-bottom: 5px;}
#timeline ul{list-style-type: disc;list-style-position: inside;width: 90%;margin: 10px auto;color: #454545;}
#timeline p{width: 95%;margin: 10px auto;color: #454545;}
#about_mako{clear: both;padding-top: 30px;text-align: left;min-height: 350px;}
#about_mako h2{font-size: 20px;font-weight: bold;color: #545454;margin-bottom: 5px;}
#about_mako img{float: left;margin-left: 60px;margin-top: 20px;}
#about_mako p{font-size: 13px;margin: 15px 120px 15px auto;width: 50%;color: #454545;}
#graphic_history{float: right;width: 50%;background-color: #e4e4e4;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding: 10px 0 30px 0;}
#graphic_history h2{font-size: 20px;font-weight: bold;color: #545454;margin-bottom: 15px;}
#graphic_history h3{font-size: 15px;font-weight: bold;color: #545454;margin-bottom: 5px;}
.history_item{width: 45%;margin: 0 0 0 auto;padding: 10px 10px 10px 22px;text-align: left;background: transparent url('../images/dot.png') repeat-y top left;}
.history_item p{color: #454545;width: 70%;margin: 0 0 0 auto;}
.history_item img{float: left;}
.history_item_left{width: 45%;margin: 0 auto 0 0;padding: 10px 22px 10px 10px;text-align: right;background: transparent url('../images/dot.png') repeat-y top right;}
.history_item_left img{float: right;}
.history_item_left p{color: #454545;width: 70%;margin: 0 auto 0 0;}

/* Servicios */
#servicios_web,#servicios_movil,#servicios_ar{width: 31%;float: left;font-size: 13px;margin-top: 20px;}
#servicios_web h2,#servicios_movil h2,#servicios_ar h2{font-size: 18px;font-weight: bold;color: #565656;margin-bottom: 5px;}
#servicios_movil,#servicios_ar{margin-left: 30px;}
#servicios_web p,#servicios_movil p,#servicios_ar p{text-align: left;width: 90%;margin: 10px auto;}
#servicios_web p.view_more,#servicios_movil p.view_more,#servicios_ar p.view_more{text-align: right;margin-bottom: 25px;}
#servicios_web p.view_more a,#servicios_movil p.view_more a,#servicios_ar p.view_more a{color: #336995;}

#service_description{width: 40%;float: left;text-align: left;margin-left: 25px;}
#service_description p{font-size: 13px;color: #545454;margin: 10px 0;}
#service_description h2{font-size: 16px;color: #545454;font-weight: bold;}
#service_description ol{font-size: 13px;color: #545454;margin: 10px 0;width: 95%;margin: 10px auto;list-style-type: decimal;list-style-position: inside;}
#service_description li{margin: 10px 0;}
#service_description a{color: #336995;}
#service_description p#print_card{text-align: center;margin-top: 10px;}
#service_description p#print_card img{width: 100px;height: 98px;}

#service_portfolio{width: 52%;float: right;text-align: left;}
#service_portfolio h2{font-size: 16px;color: #545454;font-weight: bold;}
#ar_form{margin-top: 20px;}

/* Productos */
.product_item{width: 27%;float: left;text-align: left;margin: 10px 5px 30px 25px;min-height: 130px;border:1px solid #e4e4e4;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding: 10px;background-color: #f2f2f2;}
.product_item h3{font-size: 18px;color: #565656;font-weight: bold;margin-bottom: 10px;}
.product_item img{float: left;}
.product_item p{width: 62%;margin: 0 0 0 auto;color: #545454;}
.product_item p a{color: #336995;}
.product_item p.product_more{text-align: right;padding-top: 10px;}

/* Contacto */
#info_contacto{width: 45%;float: right;margin-right: 30px;text-align: left;font-size: 14px;color: #454545;}
#info_contacto h2{font-size: 20px;font-weight: bold;color: #545454;margin-bottom: 5px;}
#info_contacto ul{margin: 30px auto;width: 90%;font-size: 20px;color: #454545;}
#info_contacto li{min-height: 40px;padding-top: 5px;}
#info_contacto li img{float: left;padding-right: 10px;}
#contact_form{background-color: #e4e4e4;width: 40%;float: left;margin-left: 30px;text-align: left;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding: 15px;}
#form_errors{color: #D90005;padding: 10px;font-weight: bold;}
#form_errors p strong{color: #336995;}
#contact_form p{padding: 10px 0;font-size: 13px;color: #454545;}
#contact_form p strong{color: #535353;}
#contact_form p span{font-size: 12px;color: #336995;}
ul#form_list li{display: inline;}
#contact_form p.envio{text-align: right;width:91%;margin: 0 auto;}
#contact_form button{border: none;background-color: #336995;color: #fefefe;padding: 4px 10px;font-size: 13px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

/* Error */
#error_display{width: 60%;margin: 10px auto;text-align: left;}
#error_display p{color: #454545;font-size: 15px;margin: 10px 0;}
#error_display p a{color: #656565;}

/* GD */
#gdes_main{width: 70%;text-align: left;margin: 10px auto;}
#gdes_main h2{font-size: 20px;font-weight: bold;color: #545454;margin-bottom: 5px;margin-top: 25px;}
#gdes_main img{border: 10px solid #e4e4e4;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#gdes_main h3{font-size: 16px;font-weight: bold;color: #545454;margin-bottom: 5px;margin-top: 25px;}
#gdes_main ul{width: 95%;margin: 10px auto;list-style-type: disc;list-style-position: inside;}
#gdes_main table{width: 100%;border: 1px solid #e4e4e4;margin: 15px 0;}
#gdes_main table td{border: 1px solid #e4e4e4;padding: 5px;}
#gdes_main table th{padding: 5px;background-color: #e4e4e4;color: #000;text-align: center;font-weight: bold;}
#gdes_main p{font-size: 13px;margin: 5px 0;}
#gdes_main a{color: #336995;}
#gdes_main pre.php{background-color: #e4e4e4;padding: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

/* Privacidad */
#politicas{text-align: left;}
	#politicas h2{font-size: 18px;}
	#politicas h3{font-size: 16px;font-weight: bold;color: #545454;margin-bottom: 10px;}
	#politicas p{margin: 8px auto;width: 95%;}
	#politicas ul{width: 90%;margin: 10px auto;list-style-type: disc;list-style-position: outside;}
	#politicas ul{width: 90%;margin: 10px auto;list-style-type: decimal;list-style-position: outside;}
	#politicas li{}
	#politicas{}