@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,300);
h1{
	color:white;
	font-family: 'Rokkitt', serif;
	font-size:1.8em;
	margin-top:0;
}
#cssmenu {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: center;
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #FF8200;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 180px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ea7c32;
  border-top: none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
  height: 28px;
  border-bottom: 1px #fff solid;
  padding-bottom: 5px;
}
#cssmenu > ul li.has-sub > a {
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
}
#cssmenu > ul li a {
  display: block;
  padding: 11px 10px 11px 10px;
  text-decoration: none;
  color: #ffffff;
  border-right: 2px #fff solid;
}

#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #0099FF;
  color: #fff;
}


@media (max-width: 600px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('http://www.cumbredenegocios.com.mx/eng/images/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #308ad9;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #dd991c;
    border: none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 22px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}







/* CONTENIDO */
#Contenedor .contenido {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 1em;
}
#Contenedor .contenido .top_title {
	background-image: url(../images/title_bg.png);
	float: left;
	height: 110px;
	width: 430px;
	margin-right: 200px;
}
#Contenedor .contenido .frmInput{margin-bottom:10px;width:960px;}
#Contenedor .contenido .sectionInvCode{
    background: rgba(238,145,24,1);
    background: -moz-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,145,24,1)), color-stop(100%, rgba(213,89,24,1)));
    background: -webkit-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -o-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: linear-gradient(to bottom, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9118', endColorstr='#d55918', GradientType=0 );
    float:none;margin:20px 230px; padding:1em; width:500px;color:#fff}

#Contenedor .contenido .invCode {
    padding: 5px 5px;
    width: 300px;
    height: 50px;
    font-size: 2em;
    resize: none;
    color: #B7591A;/**09f**/
    box-shadow:0 0 0 1px #fff;
    text-align:center;
    margin: 10px;
    font-family: 'Rokkitt', serif;
}

#Contenedor .contenido .send {
	border-radius: 0.2em;
	background-color: #ea7c32;
	color: #FFF;
	font-family: 'Rokkitt', serif;
	font-size: 2em;
	height: 40px;
	margin: 10px;
	text-align:center;
	text-decoration: none;
	width: 250px;	
}

#Contenedor .contenido .send:hover {
	border-radius: 0.2em;
	background-color: #0099FF;
	color: #FFF;
	font-family: 'Rokkitt', serif;
	font-size: 2em;
	height: 40px;
	margin: 10px;
	text-align:center;
	text-decoration: none;
	width: 250px;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
}

#Contenedor .contenido .request {
	border-radius: 0.4em;
	background-color: #ea7c32;
	color: #FFF;
	font-family: 'Rokkitt', serif;
	font-size: 1em;
	height: 30px;
	margin: 10px;
	text-align:center;
	text-decoration: none;
	width: 150px;
}

#Contenedor .contenido .request:hover {
	border-radius: 0.4em;
	background-color: #0099FF;
	color: #FFF;
	font-family: 'Rokkitt', serif;
	font-size: 1em;
	height: 30px;
	margin: 10px;
	text-align:center;
	text-decoration: none;
	width: 150px;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
}

#Contenedor .contenido .personalInfo {
    background: rgba(238,145,24,1);
    background: -moz-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,145,24,1)), color-stop(100%, rgba(213,89,24,1)));
    background: -webkit-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -o-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: linear-gradient(to bottom, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9118', endColorstr='#d55918', GradientType=0 );
    float:left; margin:0 6px 12px 0; padding:0.5em; width:460px;}
#Contenedor .contenido .sectionInfoCompany{
    background: rgba(238,145,24,1);
    background: -moz-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,145,24,1)), color-stop(100%, rgba(213,89,24,1)));
    background: -webkit-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -o-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: linear-gradient(to bottom, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9118', endColorstr='#d55918', GradientType=0 );
    float:left; margin:0 6px 12px 0;padding:0.5em; width:460px;}
#Contenedor .contenido .sectionInfoBilling{
    background: rgba(238,145,24,1);
    background: -moz-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,145,24,1)), color-stop(100%, rgba(213,89,24,1)));
    background: -webkit-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -o-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: linear-gradient(to bottom, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9118', endColorstr='#d55918', GradientType=0 );
    float:left; margin:0 6px 12px 0; padding:0.5em; width:460px;}
#Contenedor .contenido .sectionBooklet {
    background: rgba(238,145,24,1);
    background: -moz-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,145,24,1)), color-stop(100%, rgba(213,89,24,1)));
    background: -webkit-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -o-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: linear-gradient(to bottom, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9118', endColorstr='#d55918', GradientType=0 );
    float:right; margin:0 0 12px 6px;padding:0.5em;width:460px;}
#Contenedor .contenido .sectionSpouseB {float:right; margin:0 0px 12px 6px; padding:0.5em; width:460px;}
#Contenedor .contenido .sectionSpouse {
    background: rgba(238,145,24,1);
    background: -moz-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,145,24,1)), color-stop(100%, rgba(213,89,24,1)));
    background: -webkit-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -o-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: linear-gradient(to bottom, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9118', endColorstr='#d55918', GradientType=0 );
    float:right; margin:0 0px 12px 6px; padding:0.5em; width:460px;}
#Contenedor .contenido .sectionSend {
    background: rgba(238,145,24,1);
    background: -moz-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,145,24,1)), color-stop(100%, rgba(213,89,24,1)));
    background: -webkit-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -o-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    background: linear-gradient(to bottom, rgba(238,145,24,1) 0%, rgba(213,89,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9118', endColorstr='#d55918', GradientType=0 );
    color:#fff;float:left; margin:0 236px 0 236px;padding:0.5em;width:460px;}
    
#Contenedor .contenido .blocks {float:left; text-align:center}
#Contenedor .contenido .tips {font-size:0.8em}

#Contenedor input[type='text'] {
    padding: 3px 3px;
    width: 200px;
    border: 1px solid #ea7c32;
    resize: none;
    box-shadow:0 0 0 1px #D85B65;
    margin: 5px 5px;
    color: #5a5a5a
}

#Contenedor input[type='file'] {
    padding: 3px 3px;
    width: 200px;
    border: 1px solid #ea7c32;
    resize: none;
    box-shadow:0 0 0 1px #D85B65;
    margin: 5px 5px;
    color: #5a5a5a
}

#Contenedor select {
    padding: 3px 3px;
    width: 200px;
    border: 1px solid #ea7c32;
    resize: none;
    box-shadow:0 0 0 1px #D85B65;
    margin: 5px 5px;
    color: #5a5a5a
}

#Contenedor textarea {
    padding: 3px 3px;
    width: 200px;
    border: 1px solid #ea7c32;
    resize: none;
    box-shadow:0 0 0 1px #D85B65;
    margin: 5px 5px;
    color: #5a5a5a
}

#Contenedor .contenido .tblData {padding:2px 2px;width:426px}
#Contenedor .contenido .tdLabel{text-align:right;vertical-align:middle;width:150px}
#Contenedor .contenido .tdField{text-align:left;vertical-align:middle;width:310px}

.valText{color:#ea0202;font-weight:bold}
.valSum{background-color:#ffeeee;border: 1px solid #ea0202; color:#ea0202;font-size:0.8em;text-align:left;}

#Contenedor .shadow {
	float: left;
	width: 100%;
	height: 51px;
	background-image: url(../images/shadow1.png);
	background-position: center;
	background-repeat: no-repeat;
}


#form1 #Contenedor .contenido #pay {
	padding: 1em;
	background-image: url(http://www.cumbredenegocios.com.mx/images/pay.png);
	background-repeat: no-repeat;
	height: 270px;
}

#form1 #Contenedor .contenido #pay .text1 {
	color: #FFF;
	text-align:center;
}

#form1 #Contenedor .contenido #pay .text2 {
	color: #333;
	text-shadow: 1px 1px 3px #ea7c32;
	text-align: left;
	margin-top:4em;
	margin-bottom:2em;
}
#form1 #Contenedor .contenido #pay .text3 {
	color: #333;
	font-style: oblique;
	text-align: left;
	text-shadow: 1px 1px 3px #ea7c32;
}
#form1 #Contenedor .contenido #pay .paypal {
	text-align: center;
	margin: 10px 5px 5px 5px;
}
#form1 #Contenedor .contenido #pay2 {
	padding: 1em;
	background-image: url(http://www.cumbredenegocios.com.mx/images/pay.png);
	background-repeat: no-repeat;
	height: 180px;
}
#form1 #Contenedor .contenido #pay2 .text1 {
	color: #FFF;
	text-align:center;
}
#form1 #Contenedor .contenido #pay2 .text2 {
	color: #000;
	text-align:left;
	text-shadow: 1px 1px 3px #ea7c32;
	margin-top: 7em;
}

.policy {
    color: #fff;
    font-style: italic;
}

#form1 #Contenedor .contenido #list {
	padding: 1em;
	background-image: url(http://www.cumbredenegocios.com.mx/images/hand.png);
	background-repeat: no-repeat;
	height: 199px;
}

#form1 #Contenedor .contenido #list .text2 {
	color: #333;
	text-shadow: 1px 1px 3px #ea7c32;
	text-align: left;
	margin-top: 4em;
}

/* end CONTENIDO */
/****************************** begin FOOTER ***************************/
#Contenedor footer {
	background-image:url(../images/footer.png);
	background-position:bottom;
	float: left;
	height: 200px;
	width: 100%;
}
#Contenedor footer .submenu {
	float: right;
	height: 30px;
	width: 60%;
	margin-top: 80px;
	color: #FFF;
	margin-bottom: 10px;
}
#Contenedor footer .legales {
	float: left;
	height: auto;
	width: 70%;
	margin-top: 1em;
	margin-bottom: 0px;
	padding-left: 12px;
	color: #FFF;
}
#Contenedor footer .legales p {
	font-size:10px;
	margin:0px;
}
#Contenedor footer .legales p a {
	color:#FFF;
}
#Contenedor footer #business {
	float: right;
	height: 50px;
	width: 120px;
	margin-right: 12px;
	margin-top: 1em;
}
#Contenedor footer .submenu a {
	margin: 5px;
	color: #FFF;
	text-decoration:none;
	-webkit-transition: margin 0.2s ease-out;
    -moz-transition: margin 0.2s ease-out;
    -o-transition: margin 0.2s ease-out;
}
#Contenedor footer .submenu a:hover {
	margin:5px;
	color:#09F;
	margin-top: -5px;
}

#ContenedorApp footer {
	background-image:url(http://www.cumbredenegocios.com.mx/images/footer2.png);
	background-position: bottom;
	float: left;
	height: 130px;
	width: 100%;
}
#ContenedorApp footer .legales {
	float: left;
	height: auto;
	width: 61%;
	margin-top: 8em;
	padding-left: 12px;
	color: #FFF;
	vertical-align:bottom
}
#ContenedorApp footer .legales p {
	font-size:10px;
	margin:0px;
}
#ContenedorApp footer #business {
	float: right;
	height: 50px;
	width: 120px;
	margin-right: 12px;
	margin-top: 5em;
}
/****************************** end FOOTER ***************************/