/* ==========================================================================
   TRAIGOCR STYLESHEET
   ========================================================================== */




/****************
+ class objects
****************/

.show{
	display: block;
}
.hide{
	display: none;
}
.margin-none{
	margin: 0;
}
.padding-none{
	padding: 0;
}

/**
 * HEADER
 */

#header-Container {
	height: 85px;
	width: 100%;
	position: relative;
	z-index: 1;	
	top: 15px;
	-webkit-box-shadow: inset 0 -2px 0px rgba(255,255,255,.1), inset 0px 1px 0px rgba(255,255,255,.3), 0px 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 -2px 0px rgba(255,255,255,.1), inset 0px 1px 0px rgba(255,255,255,.3), 0px 2px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 -2px 0px rgba(255,255,255,.1), inset 0px 1px 0px rgba(255,255,255,.3), 0px 2px 2px rgba(0,0,0,.3);
	background: #535353; /* Old browsers */
	background: -moz-linear-gradient(top, #535353 1%, #252525 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#535353), color-stop(100%,#252525)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #535353 1%,#252525 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #535353 1%,#252525 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #535353 1%,#252525 100%); /* IE10+ */
	background: linear-gradient(to bottom, #535353 1%,#252525 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#252525',GradientType=0 ); /* IE6-9 */				
}	

header {
	max-width: 1120px;
	margin: 0 auto;
	text-align: right;
	padding: 0 40px ;
}	

/*Logo*/				

#branding {
	width: 140px;
	height: 155px;
	position: relative;
	top: -15px;
	display: inline-block;
	float: left;
	text-align: center;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background: url(../images/traigo-logo.jpg);
	background-size: 100%;
	background-position: left;
	background-repeat: no-repeat;
}

#branding:hover {
	background-image: url(../images/animated-logo.gif);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left;
}

/*Header Links*/

header ul , header ul li {
	display: inline-block;
}

header ul {
	vertical-align: top;
}

header ul li a {
	color: #fff;
	margin-right: 2em;
	line-height: 85px;
	font-size: 0.8em;
	-webkit-text-shadow: 1px 1px 2px #000;
	-moz-text-shadow: 1px 1px 2px #000;
	-ms-text-shadow: 1px 1px 2px #000;
	text-shadow: 1px 1px 2px #000;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

header ul li a:hover {
	-webkit-text-shadow: 1px 1px 2px rgba(255,255,255,0.4);
	-moz-text-shadow: 1px 1px 2px rgba(255,255,255,0.4);
	-ms-text-shadow: 1px 1px 2px rgba(255,255,255,0.4);
	text-shadow: 1px 1px 2px rgba(255,255,255,0.4);
}

header ul li a span {
	font-size: 0.3em;
	position: relative;
	bottom: 4px;
	margin-left: 1em;
	color: #ddab06;
}

/*Login Section*/

/*Mobile Show Login Button Hides*/

	#show-Login-Button { display: none;}

header .calculadoraCont {
	display: inline-block;
	line-height: 85px;
	font-size: 0.7em;

}

header .calculadoraCont label {
	color: #cacaca;
	font-weight: 700;
	margin-right: -5.1em;
	z-index: 1; 
	position: relative;
}

header .calculadoraCont input {
	margin-right: -15px;
  	padding: .4em 1em .4em 5.1em; 
  	color: #fff;
  	border-bottom: 1px solid rgba(255,255,255,0.3);
}

#login-Submit-Button {
	background: #e0ac10;
	color: #fff;
	font-size: 0.9em;
	text-shadow: 0 0 0 #000;
	padding: .1em 0.5em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 0.4em solid #191919;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#login-Submit-Button:hover {
	background: #fff;
	color: #000;
}

#login-Submit-Button:active {
	background: #e0ac10;
	color: #fff;
}

/**
 * HOME MAIN SECTION
 */


/*Container*/

.main-Section-Container {
 	width: 100%;
 	/*height: 598px;*/
    height: auto;
}

#intro-Section {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 76px;
}

/*Home Intro Information*/

#intro-Section article {
	width: 400px;
	margin-left: 40px;
}

#intro-Section article h1 {
	font-size: 3.5em;
	font-weight: 800;
	-webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
	-moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
	-ms-text-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
}

/*Intro Text Span Styles*/
	.header-Orange {
		color: #fbb022;
	}
	
	.header-Smaller {
		font-weight: 600;
		font-size: 0.6em;
	}
/**/

#intro-Section article p {
	font-size: 0.8em;
	font-weight: 700;
	color: #393939;
}

/*Create Account Button*/

.create-Account-Button {
	display: block;
	color: #fff;
	text-align: center;
	background: #343434; /* Old browsers */
	padding: 0.5em 2em;
	border-radius: 0.2em;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.9), 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.9), 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.9), 1px 1px 2px rgba(0,0,0,0.2);	
background: -moz-linear-gradient(top, #343434 0%, #070707 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343434), color-stop(100%,#070707)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #343434 0%,#070707 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #343434 0%,#070707 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #343434 0%,#070707 100%); /* IE10+ */
background: linear-gradient(to bottom, #343434 0%,#070707 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#070707',GradientType=0 ); /* IE6-9 */
}

.create-Account-Button:hover {
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5);
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5);
	position: relative;
	bottom: 1px;
	right: 1px
}


/**
 *MAIN NAVIGATION
 */

/*Hide Mobile Menu Icon*/
 #mobile-Menu-Button { display: none;}

nav {
	width: 100%;
	position: relative;
	top: -13px;
	text-align: center;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-webkit-box-shadow: inset 0 2px 0px rgba(255,255,255,.4), 0px 5px 10px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 2px 0px rgba(255,255,255,.4), 0px 5px 10px rgba(0,0,0,.3);
	box-shadow: inset 0 2px 0px rgba(255,255,255,.4), 0px 5px 10px rgba(0,0,0,.3);
	background: #e9c320; /* Old browsers */
	<background: -moz-linear-gradient(top, #e9c320 0%, #d2860a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9c320), color-stop(100%,#d2860a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e9c320 0%,#d2860a 100%); /* W3C */
	filte></background:>r: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c320', endColorstr='#d2860a',GradientType=0 ); /* IE6-9 */
}

nav > li {
	display: inline-block;
	width: 16%;
	position: relative;
	margin: 0 -3px;
	border-right: 1px solid rgba(210, 133, 10, .6);
	border-left: 1px solid rgba(210, 133, 10, .6);
}

nav li a {
	width: 99%;
	padding: 1.3em 1%;
	color: #fff;
	display: inline-block;
	font-size: 0.9em;
	font-weight: 700;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

nav li a:hover , nav li ul {
	background: #dea60f;
}

/*Nav Sublinks*/

nav > li > ul {
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1;
	-webkit-border-bottom-right-radius: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-moz-border-radius-bottomright: .5em;
	-moz-border-radius-bottomleft: .5em;
	border-bottom-right-radius: .5em;
	border-bottom-left-radius: .5em;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.6);
	box-shadow: 0 1px 5px rgba(0,0,0,.6);
}

nav > li:hover ul {
	height: auto;
}

nav li ul li {
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-top: 1px solid rgba(255,255,255,.3);
}

nav li ul li a {
	padding: .8em 0; 
	font-size: .8em;
}

nav li ul li a:hover {
	-webkit-box-shadow: inset 0 2px 0px rgba(255,255,255,.4), 0px 5px 10px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 2px 0px rgba(255,255,255,.4), 0px 5px 10px rgba(0,0,0,.3);
	box-shadow: inset 0 2px 0px rgba(255,255,255,.4), 0px 5px 10px rgba(0,0,0,.3);
	background: #e9c320; /* Old browsers */
background: -moz-linear-gradient(top, #e9c320 0%, #d2860a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9c320), color-stop(100%,#d2860a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* IE10+ */
background: linear-gradient(to bottom, #e9c320 0%,#d2860a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c320', endColorstr='#d2860a',GradientType=0 ); /* IE6-9 */

}

nav li ul li ul , nav li ul li ul li {
	height: 0;
}

nav li ul li ul li a {
	height: 0px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #B58810;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; 
}

nav li ul li:hover ul li a {
	height: auto;
	padding: .8em 0;
}

nav li ul li:hover ul, nav li ul li:hover ul li {
	height: auto;
}

/**
 * HOME SECONDARY SECTION
 */


.secondary-Section-Container {
	width: 100%;
	height: 540px;
	background: url(../images/abstract-bg.jpg);
	background-size: auto 100%;
	-webkit-box-shadow: inset 0 15px 30px rgba(0,0,0,.6), inset 0px -15px 30px rgba(0,0,0,.6);
	-moz-box-shadow: inset 0 15px 30px rgba(0,0,0,.6), inset 0px -15px 30px rgba(0,0,0,.6);
	box-shadow: inset 0 15px 30px rgba(0,0,0,.6), inset 0px -15px 30px rgba(0,0,0,.6);
}


#home-Info-Section {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 5em 0 0;
}

#home-Info-Section article, #home-Info-Section .calculadoraCont {
	display: inline-block;
	text-align: left;
	margin: 0 2%;
	width: 26%;
}

/*Info Articles*/

#home-Info-Section article { color: #f2f2f2; }

#home-Info-Section article div {
	width: 100%;
	height: 165px;
	overflow: hidden;
}

#home-Info-Section article div img {
	height: auto;
	width: 100%;
}

#home-Info-Section article h2, #home-Info-Section article p {
	-webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.5);
	-moz-text-shadow: 1px 1px 3px rgba(0,0,0,.5);
	-ms-text-shadow: 1px 1px 3px rgba(0,0,0,.5);
	text-shadow: 1px 1px 3px rgba(0,0,0,.5);
	width: 90%;
	margin: 0.8em auto 0;
}

#home-Info-Section article p { font-size: 0.8em; }

.more-Info-Button {
	display: inline-block;
	padding: 0.3em 1em;
	background: #fdfdfd;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	color: #dda30f;
	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	-ms-text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	border-top: 1px solid rgba(255,255,255,1);
	border-bottom: 1px solid rgba(0,0,0, .5);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0, .5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0, .5);
	box-shadow: 0 1px 4px rgba(0,0,0, .5);
}

.more-Info-Button:hover {
	position: relative;
	top: 1px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

.more-Info-Button span {
	font-size: 0.5em;
	margin-left: 1em;
	bottom: 3px;
	position: relative;
	color: #303030;
}


/**
 *Calculator
 */


#home-Info-Section .calculadoraCont {
	padding: 2.2em 2em 1em;
	vertical-align: top;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	background: #dadada; /* Old browsers */
	background: -moz-linear-gradient(top, #dadada 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dadada 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dadada 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dadada 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dadada 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


#home-Info-Section .calculadoraCont p {
	margin: 0 0 0.5em;
	color: #272727;
	font-weight: 700;
	font-size: 2em;
	padding-left: 50px;
	line-height: 32px;
	background-image: url(../images/calc-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#home-Info-Section .calculadoraCont label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.2em;
	line-height: 1.8em;
}

#home-Info-Section .calculadoraCont input, #home-Info-Section .calculadoraCont select {
	font-size: 0.8em;
	text-align: center;
	padding: 0.2em;
	margin-bottom: 0.8em;
	font-weight: 700;
}

#home-Info-Section .calculadoraCont select , #home-Info-Section .calculadoraCont #value-Input  { width: 100%; }

#home-Info-Section .calculadoraCont select { 
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: #0f0f0f;
}

#home-Info-Section .calculadoraCont .weight-Input {	width: 30%; padding: 0.2em .8em;}

#home-Info-Section .calculadoraCont > span { display: inline-block; margin: 0 1%; font-weight: 600; }

#home-Info-Section .calculadoraCont a { float: right; }

#home-Info-Section .calculadoraCont .left{
	width: 130px;
	display: inline-block;
}

.calculadoraCont .notice {
	font-style: italic;
	font-size: 9px;
	margin: 5px 0 !important;
}
/**
 * INNER PAGES
 */


/*Inner Page Header*/

.inner-Page-Header-Container {
	width: 100%;
	height: 290px;
	margin-top: -100px;
	background-image: url(../images/abstract-bg.jpg);
	background-size: 100% auto;
}

#section-Name-And-Nav {
	max-width: 1200px;
	margin: auto;
	padding: 50px 0 0;
}

#section-Name-And-Nav nav {
	top: 64px;
	width: 82%;
	float: right;
}

#section-Name-And-Nav nav > li {
	width: 16%;
}

#section-Name-And-Nav nav li ul li {
	width: 100%;
}

#section-Name-And-Nav h1 { 
	margin: 4.2em 0 0 1.4em;
	color: #fff; 
	font-weight: 600;
	text-shadow: 2px 2px 3px rgba(0,0,0,.5);
	text-transform: uppercase;
}

/*Inner Page Content*/

.inner-Page-Info-Container { 
	width: 100%;
	height: auto;
	background-color: #f8f8f8;
}

.inner-Page-Info-Container section {
	max-width: 1160px;
	margin: auto;
	padding: 3em 20px;
}

.inner-Page-Info-Container section figure {
	max-width: 20%;
	display: inline-block;
	vertical-align: top;
	margin: 0 2%;
}

.inner-Page-Info-Container section figure img {
	width: 100%;
}

.inner-Page-Info-Container section article {
	max-width: 75%;
	display: inline-block;
}

.inner-Page-Info-Container article > p {
	font-weight: 500;
	font-size: 0.9em;
	margin-bottom: 1em;
	text-align: justify;
}

/*.inner-Page-Info-Container article img {width: 100%;}*/

/**
* AFILIACION
*/
.afiliacion iframe{
    width: 100%;
    height: 900px;
    border: 0 solid transparent;
}

.afiliacion form{
    width: auto;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.afiliacion-datos,
.personas-autorizadas{
    border: 0 none transparent;
    margin: 0 auto;
    text-align: left;
    border-collapse: separate;
}

.afiliacion-datos{
    border-spacing: 0 10px;
}

.afiliacion-datos tr:first-child,
.personas-autorizadas tr:first-child{
    background: none;
    border: 0 none transparent;
    box-shadow: none;
    border-radius: none;
}

.afiliacion-datos td,
.personas-autorizadas th,
.personas-autorizadas td{
    border: 0 none transparent !important;
}

.afiliacion-datos .td-field{
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.afiliacion-datos td input[type="text"],
.afiliacion-datos td input[type="email"],
.afiliacion-datos td input[type="phone"]{
    width: 100%;
    background: rgba(201, 201, 201, .5);
    border: 1px solid #C9C9C9;
    text-align: left;
    color: #000;
    padding: 5px 0 5px 7px;
}

.afiliacion-datos .apellido{
    width: 45% !important;
    display: inline-block;
}

.afiliacion-datos .apellido:last-child{
    float: right;
}

.button-afiliarse{
    border: 0 none;
    border-radius: 1em 1em 1em 1em;
    color: #FFFFFF;
    font-size: 1.4em;
    padding: 0.1em 0.5em;

    background: #e9c320; /* Old browsers */
    <background: -moz-linear-gradient(top, #e9c320 0%, #d2860a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9c320), color-stop(100%,#d2860a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9c320 0%,#d2860a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9c320 0%,#d2860a 100%); /* W3C */
    filte></background:>r: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c320', endColorstr='#d2860a',GradientType=0 ); /* IE6-9 */
}

.button-afiliarse:hover {
    background: none repeat scroll 0 0 #DEA60F;
}

.button-afiliarse:active {
    background: none repeat scroll 0 0 #DEA60F;
}

.personas-autorizadas{
    margin-bottom: 20px;
}

.personas-autorizadas thead th,
.personas-autorizadas .td-add{
    text-align: center;
}

.personas-autorizadas .td-add{
    padding-top: 10px;
    padding-bottom: 10px;
}

.personas-autorizadas .td-add button{
    background: #e0ac10;
    color: #fff;
    text-align: center;
    border-radius: 1.5em;
    border: 0;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 0.4em;

        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.personas-autorizadas .td-add button:hover{
    background: #e0ac10;
    color: #fff;
}

.personas-autorizadas td input[type="text"],
.personas-autorizadas td input[type="email"],
.personas-autorizadas td input[type="phone"]{
    width: 100%;
    background: rgba(201, 201, 201, .5);
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    text-align: left;
    color: #000;
    padding: 5px 0 5px 7px;
    border-radius: 0;
}

.personas-autorizadas .primer-input input{
    border-left: 1px solid #C9C9C9;
    border-top-left-radius: 0.5em !important;
    border-bottom-left-radius: 0.5em !important;
}

.personas-autorizadas .ultimo-input input{
    border-right: 1px solid #C9C9C9;
    border-top-right-radius: 0.5em !important;
    border-bottom-right-radius: 0.5em !important;
}

.td-condiciones{
    text-align: center;
}

/**
 * FOOTER
 */


#footer-Container {
 	background: #c9c9c9;
 	width: 100%;
}

footer {
 	max-width: 1200px;
 	margin: auto;
 	padding: 2em 0 3em;
}

footer #back-To-Top-Button {
	display: none;
}

footer ul, footer aside {
	display: inline-block;
}

/*Footer Sitemap Links*/

footer ul {
	width: 16%;
	color: #dda30f;
	vertical-align: top;
}

footer ul li {
	line-height: 1.5em;
}

footer ul a {
	color: #7f7f7f;
	font-size: .8em;
	-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	-moz-text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	-ms-text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

/*Footer Contact and Social*/

footer aside {
	width: 30%;
	vertical-align: top;
	text-align: right;
}

footer aside div {
	width: 50%;
	display: inline-block;
	color: #5f5f5f;
	font-size: 0.7em;
	margin-right: 10%;
	text-align: left;
}

footer aside div img {
	width: 75px;
	height: auto;
}

footer aside a {
	vertical-align: top;
	height: 32px;
	width: 32px;
	display: inline-block;
	margin-left: 2%;
}

footer #facebook-Icon, footer #twitter-Icon { background-image: url(../images/social-icons.png); }

footer #twitter-Icon { background-position: right top;}



/*--------------------------------------------------------------------*/
/*-----------------Media Queries for Mobile Devices-------------------*/
/*--------------------------------------------------------------------*/


/**/
/*TABLETS*/
/**/


@media screen and (max-width:64em) {

	/*Header (TABLET)*/

		#header-Container {
			top: 0;
		}
	
		#branding { top: 0;}

		header {
			padding: 0 40px 0 20px;
		}
	
		header ul li a {
			line-height: 1em;
			margin: 1em 0;
			display: block;
		}
		
		header .calculadoraCont {
			line-height: 1em;
			display: block;
		}
	
		header .calculadoraCont input {
			width: 18%;
			padding: .7em 1em .7em 5.1em;
		}
	
		#login-Submit-Button {
			border: 0.4em solid #191919;
			font-size: 1.2em;
			font-weight: bold;
		}

	/*HomePage (TABLET)*/

		/*Intro*/

		.main-Section-Container {
			/*height: 428px;*/
            height: auto;
		}

		#intro-Section {
			padding-top: 85px;
		}

		#intro-Section article {
			width: 350px;
			-webkit-border-top-left-radius: 1em;
			-webkit-border-top-right-radius: 1em;
			-moz-border-radius-topleft: 1em;
			-moz-border-radius-topright: 1em;
			border-top-left-radius: 1em;
			border-top-right-radius: 1em;
			padding: 1em 1em 2em 5%;
			margin: 0;
		} 

		#intro-Section article p { 
			color: #000;
		}

		.create-Account-Button {
			padding: 0.8em 2em;
			display: inline-block;
		}

		/*Main Navigation*/

		nav {
			top: 0
		}

		nav li {
			vertical-align: top;
		}

		/*Secondary Section*/

		.secondary-Section-Container {
			height: auto;
		}

		#home-Info-Section {
			max-width: 90%;
			padding: 6em 0 0;
		}

		#home-Info-Section article {
			width: 45%;
		}

		#home-Info-Section article div {
			min-height: 130px;
			height: auto;
		}

		/*Home Calculator*/

		#home-Info-Section .calculadoraCont {
			width: 80%;
			margin: 3em 0;
		}

		#home-Info-Section .calculadoraCont input, 
		#home-Info-Section .calculadoraCont select,
		#home-Info-Section .calculadoraCont .weight-Input {
			padding: 1em 0 ;
			margin-bottom: 1em;
		}

		#home-Info-Section .calculadoraCont .weight-Input {
			width: 40%;
		}

	/*Inner Pages (TABLET)*/

		/*Inner Page Header */

		.inner-Page-Header-Container {
			background-size: auto 100%;
		}

		#section-Name-And-Nav h1 {
			font-size: 3em;
			margin: 3.6em auto;
			text-align: center;
		}

		/*Nav*/

		#section-Name-And-Nav {
			padding: 33px 0 0;
		}

		#section-Name-And-Nav nav {
			width: 64%;
			float: right;
			margin-right: 26px;
		}

		#section-Name-And-Nav nav li {
			width: 33%;
			border-bottom: 1px solid rgba(210, 133, 10, .6);
		}

		#section-Name-And-Nav nav li a {
			height: auto;
			line-height: 2.5em;
			font-size: 0.8em;
			padding: 4px 0 0;
		}

		#section-Name-And-Nav nav li ul li ul {
			display: none;
		}

		/* Inner Page Content */

		.inner-Page-Info-Container section figure {
			max-width: 25%;
		}

		.inner-Page-Info-Container section article {
			max-width: 70%
		}


	/*Footer (TABLET)*/
	
		footer {
			width: 90%;
		}

		footer ul {
			width: 24%;
		}

		footer ul li {
			line-height: 2em;
		}

		footer aside {
			width: 100%;
			text-align: left;
			margin-top: 2em
		}

		footer aside div {
			width: auto;
		}

		footer aside div img , footer aside div p {
			display: inline-block;
			vertical-align: middle;

		}

		footer aside div p {
			margin-left: 2em;
			font-size: 1.5em; 
			color: #7f7f7f;
			text-shadow: 0px 1px 0px #fff;
		}

		footer aside a {
			margin: 35px 0 0 2%;
			float: right;
		}

}


/**/
/*SMARTPHONES*/
/**/


@media screen and (max-width: 37.5em){

	/*Header*/

		#header-Container {
			background: #fff;
			height: 85px;
			overflow: hidden;
		}
	
		header {
			padding: 0;
			height: auto
		}
	
		#branding {
			width: 70px;
			height: 85px;
			overflow: hidden;
			-webkit-box-shadow: 0 0 0 #fff ;
			-moz-box-shadow: 0 0 0 #fff ;
			-ms-box-shadow: 0 0 0 #fff ;
			box-shadow: 0 0 0 #fff ;
			background-size: auto 110%;
			background-position: top left;
		}
	
		#branding img {
			margin-top: 0;
			height: 130%;
		}

		/*Login Section*/

		/*#login-Submit-Button {
			padding: 0.3em 0;
			border: none;
			display: block;
			width: 35%;
			top: 1px;
			float: right;
			position: relative;
			-webkit-border-radius: 0.2em;
			-moz-border-radius: 0.2em;
			border-radius: 0.2em;
		}*/

		header ul {
			line-height: 43px;
			display: block;
		}

		header ul li a {
			color: #e0ac10;
			line-height: .2em;
			font-weight: bold;
			-webkit-text-shadow: 0 0 0 #000;
			-moz-text-shadow: 0 0 0 #000;
			-ms-text-shadow: 0 0 0 #000;
			text-shadow: 0 0 0 #000;
		}

		/*Smartphone "Show Login Form" Button*/

		#show-Login-Button {
			display: inline-block;
			border-radius: 1em;
			border: none;
			background: #e0ac10;
			color: #fff;
			font-weight: bold;
			padding: .2em .8em;
			margin-bottom: 15px;
		}

		/*Login .calculadoraCont (Smartphone)*/

		header .calculadoraCont {
			width: 100%;
			margin: auto;
			padding: 1.4em 0 1em;
			padding-right: 0;
			text-align: center;
			display: block;
			box-shadow: 0px -1px 0px rgba(0,0,0,.1);
		}

		header .calculadoraCont label {
			font-size: 1.5em;
			color: #000;
			display: block;
			margin: 0 0 .8em;
		}

		header .calculadoraCont input {
			width: 60%;
			margin: 0 0 1em;
			text-align: center;
			padding: .6em 1.2em;
			color: #000;
			font-size: 1.1em;
            background: linear-gradient(to bottom, #070707 1%, #202020 88%) repeat scroll 0 0 transparent;
		}

		header .calculadoraCont input[type=text], header .calculadoraCont input[type=password] {
			background: #d3d3d3!important;
		}
	
		#login-Submit-Button {
			padding: 0.6em 0;
			border: none;
			width: 74%;
			float: none;
			-webkit-border-radius: 1em;
			-moz-border-radius: 1em;
			border-radius: 1em;
		}

	/*MAIN NAVIGATION
	(In Smarpthones, Navigation Hides, 
	and a Menu Icon appears linking 
	to the Footer's Sitemap)*/

	nav {
		height: 70px;
	}

	nav #mobile-Menu-Button {
		display: block;
		color: #fff;
		line-height: 70px;
		vertical-align: top;
		font-size: 1.2em;
		-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.4);
		-moz-text-shadow: 0 -1px 0 rgba(0,0,0,.4);
		-ms-text-shadow: 0 -1px 0 rgba(0,0,0,.4);
		text-shadow: 0 -1px 0 rgba(0,0,0,.4);
	}

	nav #mobile-Menu-Button img {
		height: 40px;
		margin-right: .5em;
		position: relative;
		top: 13px;
	}

	nav li { display: none;}

	/*Home Intro Section*/

		.main-Section-Container {
			margin-top: -85px;
		}

		#intro-Section article {
			width: 90%;
		}

	/*Home Secondary Section*/

		#home-Info-Section article {
			width: 100%;
			margin-bottom: 3em;
		}


	/*Inner Pages*/

	.inner-Page-Header-Container {
		margin: 0;
	}

	#section-Name-And-Nav {
		padding: 0;
		position: relative;
	}

	#section-Name-And-Nav nav {
		float: none;
		width: 100%;
		top: 0;
	}

	#section-Name-And-Nav h1 {
		margin: 1.5em 0;
	}

	.inner-Page-Info-Container section {
		text-align: center;
		padding: 2em 8%;
	}

	.inner-Page-Info-Container section figure {
		max-width: 90%;
		margin: 0 auto;
	}

	.inner-Page-Info-Container section article {
		margin-top: 1em;
		max-width: 100%;
	}
	.inner-Page-Info-Container section article p {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	/*Footer*/

	footer {
		width: 100%;
		text-align: center;
		padding: 2em 0;
	}

	footer #back-To-Top-Button {
		display: inline-block;
		padding: 0.6em;
		font-size: 1em;
		color: #fff;
		-webkit-text-shadow: 0 -1px 2px rgba(0,0,0,.5);
		-moz-text-shadow: 0 -1px 2px rgba(0,0,0,.5);
		-ms-text-shadow: 0 -1px 2px rgba(0,0,0,.5);
		text-shadow: 0 -1px 2px rgba(0,0,0,.5);
		webkit-border-top-left-radius: 0.5em;
		-webkit-border-top-right-radius: 0.5em;
		-moz-border-radius-topleft: 0.5em;
		-moz-border-radius-topright: 0.5em;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
		background: #e9c320;
background: -moz-linear-gradient(top, #e9c320 0%, #d2860a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9c320), color-stop(100%,#d2860a));
background: -webkit-linear-gradient(top, #e9c320 0%,#d2860a 100%);
background: -o-linear-gradient(top, #e9c320 0%,#d2860a 100%);
background: -ms-linear-gradient(top, #e9c320 0%,#d2860a 100%);
background: linear-gradient(to bottom, #e9c320 0%,#d2860a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c320', endColorstr='#d2860a',GradientType=0 );

	}

	footer ul {
		width: 99%;
		text-align: center;
		border: 1px solid rgba(0,0,0,.1);
	}

	footer ul li:first-child {
		padding: .6em 0;
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0,0,0, .5);
		-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.1);
		-moz-box-shadow: 0 0 0 2px rgba(0,0,0,.1);
		box-shadow: 0 0 0 2px rgba(0,0,0,.1);
		background: #e9c320;
background: -moz-linear-gradient(top, #e9c320 0%, #d2860a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9c320), color-stop(100%,#d2860a));
background: -webkit-linear-gradient(top, #e9c320 0%,#d2860a 100%);
background: -o-linear-gradient(top, #e9c320 0%,#d2860a 100%);
background: -ms-linear-gradient(top, #e9c320 0%,#d2860a 100%);
background: linear-gradient(to bottom, #e9c320 0%,#d2860a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c320', endColorstr='#d2860a',GradientType=0 );
	}

	footer ul a {
		display: block;
		padding: .5em 0;
		color: #fff;
		font-size: .9em;
		background-color: rgba(0,0,0,.1);
	}

	footer ul a:active {
		background-color: rgba(0,0,0,.3);
	}

	footer ul li:nth-child(odd) a {
		background-color: rgba(0,0,0,.2);
	}

	footer aside {
		text-align: center;
		width: 85%;
	}

	footer aside div {
		width: 100%;
		text-align: center;
		margin: 0;
	}

	footer aside div p {
		margin: 0;
	}

	/*Social Buttons*/

	footer aside a {
		float: none;
		margin: 1em 2%;
		opacity: .5;
	}

    .afiliacion-datos .td-field{
        opacity: 0;
        display: none;
    }

    .afiliacion-datos .apellido{
        width: 100% !important;
    }

    .afiliacion-datos .apellido:last-child{
        margin-top: 15px;
        float: none !important;
    }

    .personas-autorizadas thead th{
        display: none;
    }

    .personas-autorizadas tbody td{
        display: block;
        width: 100%;
    }

    .personas-autorizadas tbody td:first-child{
        text-align: center;
    }

    .personas-autorizadas input{
        border: 1px solid #C9C9C9 !important;
        border-radius: 0.5em !important;
    }

}
