/**************************************************
* Estilos Generales 
***************************************************/
body,html{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
-webkit-font-smoothing: subpixel-antialiased;
}
html{
/**/
}

p{
font-weight: lighter;
}

body {
  background-attachment: fixed;
  background-color: #002E4D;
  background-image: url("/images/slices/gdr-top.png");
  background-repeat: repeat-x;
  color: #FFFFFF;
  font-family: "Helvetica Neue",Helvetica,Arial;
  font-size: 15px;
  font-weight: lighter;
  letter-spacing: 1px;
}


h1,h2,h3,h4,h5{
font-weight: 100;
margin: 15px 0 15px;
}
h1{
font-size: 45px;
font-weight: 100;
}
h2{
font-size: 40px;
}
h3{
font-size: 30px;
line-height: 30px;
font-weight: 200;
letter-spacing: -.5px;
}
h4{
font-size: 21px;
line-height: 30px;
font-weight: 100;
letter-spacing: 1px;
}
h5{
}

p{
margin: 5px 0 10px;
}

img{
	border: none;
}

table{
	border-collapse:collapse;
}

th{
text-align: left;
border-left: 1px solid  #CCC;
border-right: 1px solid  #CCC;
padding: 5px 5px;
vertical-align: middle;
}

td{
border: 1px solid  #E7E6EC;
vertical-align:top;
font-weight:normal;
padding: 3px;
}

dt{
	padding: 10px 0 0 2px;
}

dl,
dd{
	margin: 0;
	padding: 0;
}

a,
span.link{
color: #F1952F;
text-decoration: underline;
cursor: pointer;
}
a:hover{
color: #639DBF;
}


pre{
font-family: sans-serif;
font-size: 11px;
size: 92%;
margin: 0 2%;
padding: 5px 2%;
border: 1px dotted #CCC;
background-color: #F2F2F2;
overflow: auto;;
color: #333;
}


input,
textarea{
}


input.date{
}

input.button{
}

input.button.hover{
}
q{ quotes: '"' '"'   }

/**************************************************
* Layout
***************************************************/
#wrapper{
float: left;
width: 100%;
clear: both;
background-image: url(../images/slices/gdr-bottom.png) ;
background-color: transparent;
background-repeat: repeat-x;
background-position: center bottom;
min-height: 100%;
}
#container{
width: 900px;
margin: 0 auto;
padding: 16px 0 0 0;
}
#content{
width: 900px;
clear: both;
float: left;
}
#header{
width: 895px;
clear: both;
float: left;
padding: 1px 3px 0 2px;
}
#copyrights{
width: 900px;
clear: both;
float: left;
text-align: center;
color: #FFF;
margin: 45px 0 30px;
font-size: 12px;
}
#copyrights a{
color: #FFF;
text-decoration: none;
}
#footer{
width: 895px;
clear: both;
float: left;
padding: 1px 3px 14px 2px;
}
h1.logo{
margin: 0;
padding: 0;
float: left;
color: #FFF;
color: #FFFFFF;
font-size: 60px;
font-weight: 300;
line-height: 60px;
font-weight: 100;
text-shadow: 0 0px 1px #000000;
}
h1.logo a,
h1.logo img{
float: left;
color: #FFFFFF;
font-size: 45px;
font-weight: normal;
text-transform: lowercase;
text-decoration: none;
}
.main-menu{
float: right;
margin: 23px 0 0 0;
}
.main-menu ul{
float: right;
}
.main-menu ul,
.main-menu li{
margin: 0;
padding: 0;
list-style: none;
color: #FFF;
text-transform: uppercase;
font-size: 16px;
font-weight: 200;
}
.main-menu li{
float: left;
text-shadow: 0px -1px 0px #333333;
}
.main-menu li a{
color: #FFFFFF;
letter-spacing: 1px;
line-height: 16px;
margin: 0 10px;
text-decoration: none;
}
.main-menu li a:hover{
text-decoration: underline;
color: #FFF;

}
.main-menu .icon{
display: block;
width: 16px;
overflow: hidden;
height: 0;
padding: 16px 0 0 0;
margin: 0 0 0 10px; 
background-image: url(../images/slices/sprt-social.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.main-menu .twitter:hover{
background-position: 0 -19px;
}
.main-menu .facebook{
background-position: -26px 0;
}
.main-menu .facebook:hover{
background-position: -26px -19px;
}
.main-menu .rss{
background-position: -51px 0px;
}
.main-menu .rss:hover{
background-position: -51px -19px;
}

a.lang_select {
  background-image: url("../images/slices/sprt_language.png");
  background-position: left top;
  background-repeat: no-repeat;
  clear: right;
  color: #FFFFFF;
  display: block;
  float: right;
  font-size: 11px;
  font-weight: normal;
  margin: -12px 0 0 20px;
  padding: 14px 0 13px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
  text-transform: uppercase;
  width: 70px;
  height: 14px;
  position: relative;
  z-index: 1000;
}
a.lang_select:hover{
background-position: 0 -42px;
color: #FFF;
}

.contact_form{
float: left;
margin: 30px 0 0 0;
width: 686px;
background-image: url("../images/slices/border-right.png");
background-repeat: repeat-y;
background-position: right 0;
}
#contact-form{
display: block;
margin: 0 0 0 188px;
}

#contact-form.start_proyect{
margin: 0 auto;
width: 342px;
clear: both;
}

#contact-form dt{
margin: 0;
padding: 0 4px;
text-shadow: 0 0px 1px #000000;
}
#contact-form dd{
margin: 0 0 10px 0;
}
#contact-form.start_proyect dd{
margin-bottom: 22px;
}
#contact-form dt label{
font-size: 16px;
line-height: 18px;
font-style: italic;
font-weight: lighter;
}

#contact-form.start_proyect dd#contactsend-element{
float: left;
margin: 0;
}

#contactsend{
position: absolute;
background-image: url(../images/slices/BTN-Submit.png);
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
border: none;
width: 95px;
color: #FFF;
font-size: 16px;
line-height: 16px;
text-shadow: 0px -1px #645444;
padding: 13px 0 14px;
text-align: center;
height: 48px;
cursor: pointer;
float: left;
margin:  -59px 0 0 364px;
}
#contact-form.start_proyect #contactsend{
margin: 0;
position: inherit;
float: left;
}


#contactsend:hover,
#contactsend.hover{
background-position: 0 -48px;
color: #FFF;
}


#search-form{
float: left;
margin: 25px 8px 0;
}

#searchsend {
background-color: transparent;
background-image: url("../images/slices/sprt-btns-search.png");
background-position: 0 0;
background-repeat: no-repeat;
border: medium none;
color: #FFFFFF;
cursor: pointer;
float: left;
font-size: 16px;
height: 52px;
line-height: 16px;
padding: 13px 0 14px;
text-align: center;
text-shadow: 0px -1px #645444;
width: 112px;
}
#searchsend:hover,
#searchsend.hover{
background-position: 0 -51px;
color: #FFF;
}
#textsearch-element,#searchsend-element{
float: left;
}

input#search {
background-color: #FFFFFF;
background-image: url("../images/slices/bkg_search.jpg");
background-position: 0 0;
background-repeat: repeat-x;
border-color: #173245 #E3E7EA #C0E9FF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  border-style: solid;
border-width: 1px;
color: #333333;
float: left;
font-size: 20px;
font-weight: 100;
margin: 1px 2px 1px 0;
padding: 11px 13px;
width: 272px;
}



.contact_alert span{
background-color: transparent;
background-image: url("../images/slices/sprt-alerts.png");
background-position: 0 0;
background-repeat: no-repeat;
display: block;
font-size: 14px;
height: 82px;
margin: -176px 0 0 356px;
overflow: hidden;
padding: 22px 10px 20px;
position: absolute;
text-align: center;
text-shadow: 0px -1px #333;
width: 91px;
}

.start_proyect .contact_alert span{
background-image: url("../images/slices/sprt_alert2.png");
height: 75px;
line-height: 11px;
margin: -23px 0 0 89px;
padding: 20px 0 0 13px;
width: 114px;
}

.contact_loader {
background: transparent;
  height: 25px;
  margin: -40px 0 0 315px;
  position: absolute;
  width: 25px;
  display: block;
  z-index: 1000;
  overflow: hidden;
}

.start_proyect .contact_loader{
margin-top: -52px;
}


.contact_alert.error span{
background-position: -111px 0;
}
.start_proyect .contact_alert.error span{
background-position: 0 -95px;
}
.contact_alert b{
font-size: 19px;
line-height: 28px;
}

#message-element{
background: url("../images/slices/gdr-textarea.png") no-repeat scroll 0 0 transparent;
}
textarea.black_gdr{
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #6B6A6A;
font-size: 14px;
font-weight: 100;
height: 145px;
line-height: 20px;
padding: 0;
margin: 8px 9px 6px;
overflow:auto;
outline: medium none;
resize: none;
text-shadow: 0 0px 1px #000000;
width: 324px;
scrollbar-base-color: #333;
scrollbar-face-color: #333;

}
#email-element,
#phone-element,
#name-element,
#email-element{
background:  url(../images/slices/gdr-input.png) no-repeat 0 0;
}
input.black_gdr {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #6B6A6A;
display: block;
font-size: 20px;
font-weight: 100;
line-height: 20px;
outline: medium none;
padding: 8px 0 6px;
margin: 0 9px;
text-shadow: 0 0px 1px #000000;
width: 324px;
overflow: hidden;
}

input.black_gdr.focus,
textarea.black_gdr.focus{
color: #FFF;
}

.proyects_list{
list-style: none;
margin: 0;
padding: 0;
}
.proyects_list li{
float: left;
margin: 10px 0 15px 64px;
}
.proyects_list li.first{
clear: left;
margin-left: 0;
}
.proyect-thumb {
background: none repeat scroll 0 0 #333333;
border-color: #707173 #4C4D4F #4D4E52 #4B4F50;
border-style: solid;
border-width: 1px;
clear: both;
display: block;
height: 149px;
margin: 0 0 5px;
width: 367px;
overflow: hidden;
}
.home-success .proyect-thumb.conavi{
background: none transparent;
border: none;
background:transparent url(../images/thumbs/success_conavi.png) no-repeat 0 0;
height: 0;
padding-top: 149px;
}


.proyect-thumb.small{
width: 252px;
height: 118px;
clear: both;
}

p.proyect_name{
font-size: 21px;
font-weight: 100;
letter-spacing: .5px;
line-height: 30px;
clear:both;
}
p.proyect_name a{
text-decoration: none;
color: #FFF;
}
p.proyect_name a:hover{
text-decoration: underline;
}
.proyects_list p.proyect_name{
font-size: 19px;
line-height: 24px;
text-align: center;
clear: both;
float: left;
width: 255px;
}

h3.contact_us{
display: block;
float: left;
font-weight: 100;
font-size: 20px;
width: 160px;
margin: 0;
padding: 0;
white-space: normal;
line-height: 20px;
text-align: right;
}

h3.share_us{
font-weight: 100;
font-size: 20px;
width: 160px;
margin: 0 auto;
padding: 0;
white-space: normal;
line-height: 20px;
text-align: center;
}
.share_site{
float: right;
width: 174px;
margin: 30px 0 0 0;
padding: 0 5px 0 30px;
text-align: center;
}
.share_site p{
font-weight: lighter;
}

ul.site_share{
margin: 0 0 0 41px;
padding: 0;
list-style: none;
}
ul.site_share li{
float: left;
width: 100%;
margin-top: 17px;
}
ul.site_share .icon{
display: block;
overflow: hidden;
background-image: url(../images/slices/sprt-share.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0;
width: 42px;
height: 30px;
float: left;
margin: 0 10px 0 0;
}
ul.site_share a{
line-height: 30px;
text-decoration: none;
font-weight: bold;
color: #FFF !important;
font-size: 16px;
text-shadow: 0px -1px #232323;
float: left;
}

ul.site_share a.twitter .icon{
background-position: 0 0;
}
ul.site_share a.twitter:hover .icon{
background-position: 0 -38px;
}
ul.site_share a.twitter:active .icon{
background-position: 0 -76px;
}
ul.site_share a.facebook .icon{
background-position: -51px 0;
}
ul.site_share a.facebook:hover .icon{
background-position: -51px -38px;
}
ul.site_share a.facebook:active .icon{
background-position: -51px -76px;
}



/**************************************************
* Layout Us
***************************************************/
#img-us{
float: left;
display: block;
background-image: url(../images/slices/img_vexilo_nosotros.png);
background-repeat: no-repeat;
background-origin: 0 0;
width: 450px;
height: 570px;
margin: 20px 0 0 0;

}

.proyect-quote blockquote,
.services-quote blockquote,
.us-quote blockquote,
.home-quote blockquote,
.error-content blockquote,
.startproyect-quote blockquote{
text-align: center;
clear: both;
font-size: 35px;
font-style: normal;
font-weight: lighter;
letter-spacing: -1px;
line-height: 30px;
padding: 0;
text-shadow: 0 0px 1px #000000;
text-align: center;
margin: 0;
}

.startproyect-quote{
width: 545px;
text-align: center;
margin: 50px auto 0;
}
.startproyect-quote .art{
background: url(../images/slices/great.png) no-repeat center center;
display: block;
width: 145px;
height: 141px;
overflow: hidden;
float: left;
margin: 0 17px 0 50px;
}
.startproyect-quote blockquote{
text-align: left;
float: left;
width: 330px;
clear: none;
margin: 1px 0 0 0;
}
.startproyect-quote p.intro,
.start_proyect_message{
clear: both;
text-align: center;
margin: 37px auto 0;
text-shadow: 0px -1px #333333;
font-size: 22px;
font-weight: lighter;
}

.start_proyect_message{
width: 450px;
}
.start_proyect_message .phone{
font-size: 30px;
}

.us-process,
.us-team,
.us-process,
.us-team .social,
.us-clients,
.servicesli,
.succes{
list-style: none;
margin: 0;
padding: 0;
}
ul.succes{
}
.succes li{
float: left;
margin: 10px 0 0 0;
width: 370px;
}
.succes li.first{
clear: left;
margin-right: 95px;
}
.home-success p.text,
.succes p.text{
font-size: 14px;
font-weight: lighter;
}
p.text b,
p.text strong{
font-weight: lighter;
}

.success-stories{
padding: 0 27px;
}


.error-art{
display: block;
overflow: hidden;
margin: 25px 0 15px 0;
width: 460px;
height: 460px;
float: left;
background: url(../images/slices/crash.png) no-repeat 0 0;;
}

.error-art.tablon{
background: url(../images/slices/tablon.png) no-repeat 0 0;;
float: right;
width: 224px;
height: 452px;
margin: 65px 54px 40px 0;
}
.error-content h2{
font-size: 29px;
font-weight: 100;
line-height: 32px;
text-align: center;
}
.error-content blockquote{
clear: none;
font-size: 40px;
}
.error-content{
margin: 140px 0 0 470px;
}
.error-content.tablon{
margin: 163px 0 0 98px;
float: left;
width: 450px;
}

.proyect-quote{
float:right;
width: 400px;
margin: 85px 30px 0 0;
}
.proyect-quote a.button{
margin: 25px auto 0;
}
.proyects-art{
display: block;
overflow: hidden;
margin: 48px 0 15px 56px;
width: 347px;
height: 310px;
float: left;
background: url(../images/slices/portfolio-items.png) no-repeat 0 0;;
}




.servicesli li{
width: 277px;
float: left;
margin:15px 0 20px 34px;
}
.servicesli li.first{
margin-left: 0;
clear: left;
}

.servicesli li .icon{
background-image: url(../images/slices/vexilo-servicios-iconos.png);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
overflow: hidden;
width: 55px;
height: 52px;
float: left;
}
.servicesli .description{
margin: 0 0 0 62px;
}
.servicesli  h4{
margin: 0;
font-size: 20px;
line-height: 25px;
}
.servicesli  p.text{
font-size: 13px;
line-height: 17px;
margin: 15px 0 0 0;
}
.servicesli li.implementation .icon{
background-position: -88px 0;
}
.servicesli li.systems .icon{
background-position: -180px 0;
}
.servicesli li.seo .icon{
background-position: -272px 0;
}
.servicesli li.cart .icon{
background-position: -364px 0;
}
.servicesli li.other .icon{
background-position: 0 -52px;
}



.services-quote blockquote{
margin:25px 0 0;
}

.services-art{
display: block;
overflow: hidden;
margin: 27px auto;
width: 701px;
height: 332px;
background: url(../images/slices/img-chart.png) no-repeat 0 0;;
}
.services-text{
font-size: 20px;
width: 568px;
margin: 0 auto;
}
.services-text span.text{
text-align: right;
float: left;
width: 283px;
}
.services-text a.button{
float: left;
margin-left: 30px;
}



.us-team{
margin: 0; 
float: left;
}
.us-process{
margin: 12px 0 0 0; 
float: left;
}


.us-clients{
float: left;
margin: 0;
}
.us-clients li{
float: left;
width: 280px;
margin: 39px 0 0 28px;
}
.us-clients li.first{
clear: left;
margin-left: 0;
}

.us-clients .thumb{
display: block;
width: 69px;
height: 69px;
overflow: hidden;
background-image:url(../images/slices/sprt_clients.png);
background-repeat: no-repeat;
background-position: 0 0;
float: left;
}
.us-clients .conavi 		.thumb{	background-position: 0 0;		}
.us-clients .conagua 		.thumb{	background-position: 0 -69px;	}
.us-clients .gto			.thumb{	background-position: 0 -138px;	}
.us-clients .sevenall		.thumb{	background-position: 0 -207px;	}
.us-clients .formgallery	.thumb{	background-position: 0 -276px;	}
.us-clients .hualiz 	 	.thumb{	background-position: 0 -345px;	}
.us-clients .cajasmex		.thumb{	background-position: 0 -414px;	}
.us-clients .mhc			.thumb{	background-position: 0 -484px;	}
.us-clients .pan 			.thumb{	background-position: 0 -553px;	}

.us-clients .client_descr{
margin: 0 0 0 91px;
}
.us-clients .client_descr p.client{
font-size: 16px;
font-style: italic;
font-weight: 100;
color: #FFF;
margin: 0px 0 2px;
}

.us-clients .client_descr p.proyect{
color: #368DBA;
font-size: 12px;
font-size: 12px;
font-style: italic;
font-weight: 100;
margin:0px 0 2px;
}

.us-clients .client_descr p.service{
color: #FF9900;
font-size: 11px;
font-weight: bold;
}
.us-clients .client_descr p.service a{
text-decoration: none;
}

.us-team li{
display: block;
float: left;
overflow: hidden;
width: 404px;
height: 98px;
background: url(../images/slices/img-card.png) no-repeat 0 0;;
padding: 29px 30px 38px 0;
margin: 15px 0 10px 30px;
}
.us-team li.first{
clear: left;
margin-left:0;
}

.us-team li li{
display:block;
float: none;
overflow: hidden;
width:auto;
height: auto;
margin: 0;
padding: 0;
background:none;
}
.us-team ul.social{
margin: 2px 0 0 14px;
float: left;
}
.us-team ul.social li{
margin-bottom: 6px;
}

.team_review{
margin: 0 0 0 172px;
color: #666;
font-size: 12px;
font-weight: 200;
}
.team_review p{
line-height:13px;;
margin: 0;
}
.team_review h4{
margin: 1px 0 0 0;
line-height: 18px;
font-size: 18px;
font-weight: 200;
}
.team_review p.title{
font-size: 14px;
line-height: normal;
font-weight: normal;
margin: 0 0 5px 0;
color: #888;
}

.us-team ul.social a{
display: block;
width: 21px;
height: 0;
padding-top: 20px;
overflow: hidden;
background-image: url(../images/slices/sprt-contact.png);
background-repeat: no-repeat;
background-position: 0 0;
}

.us-team ul.social a.twitter{
background-position:0 1px;
}
.us-team ul.social a.twitter:hover{
background-position:-24px 1px;
}
.us-team ul.social a.skype{
background-position:0 -23px;
}
.us-team ul.social a.skype:hover{
background-position:-24px -23px;
}
.us-team ul.social a.linkedin{
background-position:0 -49px;
}
.us-team ul.social a.linkedin:hover{
background-position:-24px -49px;
}
.us-team ul.social a.email{
background-position:0 -72px;
}
.us-team ul.social a.email:hover{
background-position:-24px -72px;
}
.us-team ul.social a.flickr{
background-position:0 -93px;
}
.us-team ul.social a.flickr:hover{
background-position:-23px -93px;
}
.thumb-team,
.thumb_photo{
float: left;
width: 86px;
height: 86px;
background: #D3D4D4;
padding: 6px;
display: block;
overflow: hidden;
margin: 1px 0 0 27px;
}
.thumb_photo{
margin: 0;
padding: 0;
background: #FBFBFB;
}



.us-process li{
width: 213px;
margin-left: 15px;
float: left;
}

.us-process h4{
font-size: 21px;
    font-weight: 100;
    letter-spacing: .5px;
    line-height: 21px;
    margin: 0;
}
.us-process p{
margin: 3px 0;
font-size: 13px;
}
.us-process p.title{
margin: 2px 0 12px;
font-size: 14px;
}
.us-process p strong,
.us-process p b{
font-weight: lighter;
}
.us-process .icon_number{
display: block;
float: left;
overflow: hidden;
width: 33px;
height: 33px;
background-image: url(../images/slices/sprt-numbers.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.us-process .step2 .icon_number{
background-position: -44px 0;
}
.us-process .step3 .icon_number{
background-position: -88px 0;
}
.us-process .step4 .icon_number{
background-position: -132px 0;
}
.us-process  .process_text{
margin: 0 0 0 40px;
}
.us-process li.step1{
margin-left: 0;
}
.us-quote{
float: left;
width: 435px;
margin: 100px 0 0 15px;
}
.us-quote p.intro {
font-size: 25px;
text-align: left;
line-height: 1.2em;
margin: 30px 0 30px;
letter-spacing: .5px;
}
.us-quote p.intro2 {
font-size: 20px;
text-align: left;
line-height: 1.2em;
margin: 0 0 30px;
letter-spacing: .5px;
}
.us-quote p.intro strong{
font-weight: bold;
}
.us-quote a.button{
margin: 30px 0 0 0;
}
.us-quote blockquote{
margin:32px 0 0;
text-align: left;
}

.mask_videoplayer {
  background-image: url("../images/slices/mask_videoplayer.png");
  display: block;
  height: 347px;
  margin:-347px 0 0 0;
  position: absolute;
  width: 462px;
  z-index: 13;
}
#vexilo-player{
background-image: url(../images/slices/bkg-video-player.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 462px;
height: 324px;
margin: 22px 1px 0 0;
overflow: hidden;
position: relative;
z-index: 12;
}

#vexilo-player object{
overflow: hidden;
display: block;
position: relative;
z-index: 10;
}
.flashContainer{
position:relative;
z-index: 11;
overflow:hidden;
}

.progressBar{
z-index: 14;
display:none;
position:absolute;
width:auto;
height:10px;
left:24px;
right:24px;
bottom:36px;
background-color:#141414;
overflow:hidden;
cursor:pointer;
/* A light CSS3 bottom highlight */
-moz-box-shadow:0 1px 0 rgba(2
55, 255, 255, 0.3);
-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
}

.progressBar .elapsed{
position:absolute;
z-index: 15;
width:0;
height:100%;
background-color:#DA8218;
border-right:1px solid #78470D;
}

.controlDiv{
position:absolute;
z-index: 16;
width:111px;
height:111px;
cursor:pointer;
top:50%;
left:50%;
margin:-60px 0 0 -55px;
background-image: url('../images/slices/sprt_video.png');
background-repeat: no-repeat;
background-position: 0 0;
}

.controlDiv.play{
background-position: 0 0;
}

.controlDiv.replay{
background-position: -232px 0;
}

.controlDiv.pause{
background-position: 0 -111px;
}

.flashContainer:hover .controlDiv.pause{
background-position: -116px 0;
}

/* Only show the progress bar when the video is playing */

.flashContainer.playing:hover .progressBar{
	display:block;
}



/**************************************************
* Layout Home 
***************************************************/
.home-quote{
float: left;
width: 456px;
}
.home-quote blockquote{
font-size: 39px;
margin:126px 0 0;
}

.home-quote a.button{
margin: 19px auto 0;
}

.home-art{
float: right;
width: 367px;
height: 305px;
background: url(../images/slices/art.png) no-repeat center center;
margin: 46px 36px 0 0;
}


.home-text{
float: left;
margin: 18px 0 0 0;
width: 434px;
padding: 18px 16px 0 0;
}
.home-services{
width: 450px;
float: right;
padding: 71px 0 0 0;
}
ul#services{
padding: 0;
margin: 0;
list-style: none;
float: right;
}
ul#services li{
float: left;
}
ul#services li a {
  background-image: url("../images/slices/vexilo-servicios-iconos.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #FF9900;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin: 0 6px 0 0px;
  overflow: hidden;
  padding: 63px 0 0;
  text-align: center;
  text-decoration: none;
  width: 84px;
}
ul#services li a.diseno{
margin-left: 0;
background-position: 21px 0;
}
ul#services li a.cms{
background-position: -74px 0;
}
ul#services li a.sistemas{
background-position: -167px 0;
}
ul#services li a.emarketing{
background-position: -261px 0;
}
ul#services li a.ecomerce{
background-position: -351px 0;
}

ul#services li a:hover{
text-decoration: underline;
}


.home-success{
float: left;
padding:5px 47px 20px 32px;
width: 367px;
}



.home-testimonials{
float: right;
display: block;
padding: 5px 32px 20px 50px;
width: 370px;
background-image: url(../images/slices/border-right.png);
background-repeat: repeat-y;
}

ul.testimonials{
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
ul.testimonials p{
margin: 0;
}
.testimonial_thum{
float: left;
display: block;
width: 84px;
height: 84px;
background-image: url(../images/slices/sprt_testimonios.png);
}
.testimonial_thum.conagua {
background-position: 0 -168px;
}
.testimonial_thum.hualiz {
background-position: 0 -84px;
}
ul.testimonials blockquote p{
margin: 0 0 7px;
font-weight: lighter;
}
ul.testimonials li{
display: block;
clear: both;
margin: 0 0 43px 0;
float: left;
width: 100%;
}
ul.testimonials li.last{
margin: 0;
}
ul.testimonials blockquote{
margin: 0;
padding: 0;
font-size: 17px;
font-style: italic;
font-weight: 100;
}
ul.testimonials blockquote .cite,
ul.testimonials blockquote cite{
color: #368DBA;
font-size: 12px;
margin: 0;
}
ul.testimonials p.service,
ul.testimonials p.service a{
color: #FF9900;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.testimonial {
  float: none;
  margin: 0 0 0 104px;
}


/**************************************************
* Estilos Predefinidos
***************************************************/
.clr{
clear: both;
}
.clearleft{
clear: left;
}
.clearight{
clear: right;
}
.floatright{
float: right;
}
.floatleft{
float: left;
}
span.separator{
display: block;
clear: both;
width: 100%;
background: url(../images/slices/border-bottom.png) no-repeat bottom center;
border: 0 none;
line-height: 0;
padding: 0;
height: 7px;
margin: 40px 0 30px;
}

span.separator.smallsep{
background: url(../images/slices/border_like.png) no-repeat bottom center;
height: 6px;
margin: 8px 0 9px;
}

span.separator.last{
margin: 20px 0 20px 0; 
}

.inner_shadow{
/*filter: Shadow(Color=#333333, 	
			Direction=315, 
			Strength=1);*/
}
a.button {
  background-image: url("../images/slices/sprt-btns.png");
  background-position: center -2px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  display: block;
  font-size: 20px;
  font-weight: normal;
  padding: 0px 29px;
  height: 51px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px -1px #645444;
  text-transform: uppercase;
  width: 197px;
}
a.button span{
filter: Shadow(Color=#645444, 	
			Direction=315, 
			Strength=1);
			
}
a.button:hover{
background-position:center -53px;
color: #FFF;
}
a.button:active{
background-position:center -104px;
}


/**************************************************
* Mensajes
***************************************************/
.system_messages{
margin: 10px 0;
}
.system_messages ul{
list-style: none;
margin: 0;
padding: 0;
}
.system_messages li{
background: none repeat scroll 0 0 #AFAFAF;
border: 2px dotted #AFAFAF;
font-size: 12px;
list-style: none outside none;
padding: 3px 5px;
margin: 0;
text-align: left;
}

.system_messages li.error{
background: #FAE8EB;
}

.system_messages li.success{
background: #EDFDE8;
}

.system_messages li.warning{
background: #FFFFCC;
}

input.error{
border-color:  #990000;
}

label.error{
clear: both;
display: block;
font-size: 12px;
color: #C94339;
font-weight: bold;
padding: 0 4px;
}
span.error{
color: #990000;
}

form ul.errors{
margin: 0;
padding: 0;
list-style: none;
color: #AF0C05;
font-size: 11px;
}
form ul.errors li{
padding: 5px;
padding: 0 10px;
}

span.icon{
display: block;
overflow: hidden;
width: 16px;
height: 16px;
background-image: url(../images/slices/sprt_icons.png);
background-repeat: no-repeat;
background-position: 0 0;
}
span.icon.link{
cursor: pointer;
}
span.icon.withlabel{
float: left;
margin: 0 5px 0 0;
}