html, body
	{
		height: 100%;
		position: relative;
		
	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		/*background: #181818;*/
		font-family: 'Didact Gothic', sans-serif;
		font-size: 12pt;
		font-weight: 200;
		color: #FFF;
		position: relative;
		background: #fff;
	}
	table{
		
		max-width:100%;
		height:auto;
		
		}
	
	
	h1, h2, h3
	{
		margin: 0;
		padding: 0;
		
	}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 0;
		list-style: none;
	}
	
	p
	{
		line-height: 180%;
	}
	
	
	strong
	{
		font-weight:bold;
color: rgb(0,0,0);
	}
	
	a
	{
		color: #ee0000;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	.container
	{
		overflow: hidden;
		margin:auto;
		width:100%;
		max-width:100%;
		height:auto;
	}
	
			
.container video{
	width: 90%;
	height:auto;
	position:relative;
	display:block;
  margin-left: 5%;
  margin-right:5%;
  margin-top:auto;
  
			}
	.container iframe
	{
		width:100%;
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;
		
	}
	img{
		padding: 0%;
		margin:0%;
position: relative;
max-width: 100%;
	}
	
	.form {
		align-items: center;
	position: relative;
	justify-content: center;
	width: 100%;
	height: 80%;
	padding: auto;
	
}


/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/
/**.img-responsive{
	padding: 0%;
	margin:0%;
	max-width: 100%;

position: relative;

}**/
	.image
	{
		display: inline-block;
		padding:0%;

	}
	
	.image img
	{
		display: block;
		width: 100%;

		

	}
	
	.image-full
	{
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		padding: 0px;
		 margin: 0px;

	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}
	.img {
		
		max-width:100%;
 height:auto;
 width: inherit;

 
		}
	
/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{

	}
	
	ul.actions
	{
	}
	
	ul.actions li
	{
		display: inline-block;
		padding: 0em 0.50em;
	}


/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
	{
		margin: 0;
		padding: 2em 0em 0em 0em;
		list-style: none;
	}
	
	ul.contact li
	{
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}
	
	ul.contact li span
	{
		display: none;
		margin: 0;
		padding: 0;
	}
	
	ul.contact li a
	{
		color: #FFF;
	}
	
	ul.contact li a:before
	{
		display: inline-block;
		background: #3f3f3f;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #FFFFFF;
	}
	
	ul.contact li a.icon-twitter:before { background: #2DAAE4; }
	ul.contact li a.icon-facebook:before { background: #39599F; }
	ul.contact li a.icon-dribbble:before { background: #C4376B;	}
	ul.contact li a.icon-tumblr:before { background: #31516A; }
	ul.contact li a.icon-rss:before { background: #F2600B; }

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		padding: 1em 2em 1em 2em;
		letter-spacing: 0.10em;
		margin-top: 2em;
		padding: 1.40em 3em;
		background: #00c19f;
		border-radius: 6px;
		text-decoration: none;
		font-weight: 700;
		font-size: 1em;
		color: #FFF;
		
		

	}
	.button1
	{
		display: inline-block;
		
		letter-spacing: 0.10em;
		margin-top: 2em;
		padding: 1.40em 3em;
		background: #00c19f;
		border-radius: 6px;
		text-decoration: none;
		font-weight: 700;
		font-size: 1em;
		color: #FFF;
		text-align:center;
		
		

	}
	
	.button-alt
	{
		padding: 1em 2em;
		border-color: rgba(0,0,0,.8);
		color: #FFF;
		

	}

	.button2
	{
		display: inline-block;
		padding: 1em 2em 1em 2em;
		letter-spacing: 0.10em;
		margin-top: 2em;
		padding: 1.40em 3em;
		background: #e9e3e6;
		border-radius: 6px;
		text-decoration: none;
		font-weight: 700;
		font-size: 1em;
		color: rgb(27, 5, 107);
	}
		
/*********************************************************************************/
/* 4-column                                                                      */
/*********************************************************************************/

	.box1,
	.box2,
	.box3,
	.box4
	{
		width: 350px;
		height:30px;

	}
	
	.box1,
	.box2,
	.box3
	{
		float: left;
		margin-right: auto;
		border-radius:1px;
	}
	
	.box4
	{
		float: right;
	}

	.box5
	{
		float: center;
		width: 350px;
		height:35px;
	}
	
	.textarea {
		float: center;
		width: 350px;
		height:35px;

	}
/*********************************************************************************/
/* 3-column                                                                      */
/*********************************************************************************/

	.boxA,
	.boxB,
	.boxC
	{
		width: 30%;
	}

	.boxA,
	.boxB,
	.boxC
	{
		float: left;
		margin-left:3.33%;
		

	}
	
	
	
/*********************************************************************************/
/* 2-column                                                                      */
/*********************************************************************************/

	.tbox1,
	.tbox2
	{
		width: 350px;
	}
	
	.tbox1
	{
		float: left;
	}

	.tbox2
	{
		float: right;
	}

	
/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{
		margin-bottom: 3%;
	}
	
	.title h2
	{
		font-size: 2.7em;
	}
	
	.title .byline
	{
		font-size: 1.3em;
		color: rgba(255,255,255,0.60);
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#wrapper
	{
		
		position: relative;
		background: #FFF;
		height:auto;
		padding:3%;
		box-sizing:border-box;
		max-width: 100%;
		max-height:auto;
	}
	#wrapper1
	{
		
		position: relative;
		background: #fff;
		height:auto;
		padding:3%;
		box-sizing:border-box;
		max-width: 100%;
		width: 100%
	}


#wrapper-2
	{
		position: relative;
		background: #383838;
			overflow: hidden;
		padding:3%;
		max-width: 100%;
	}
#wrapper-3
	{
		position: relative;
		background: #f8f32b;
			padding:10%;
			overflow: scroll;
			max-width: 100%;
	}
	#wrapper-4
{
	max-width:100%;
	height:auto;
		position: relative;
		background: #FFF;
		padding:2%;
		overflow: hidden;
	}

	#wrapper5
	{
		
		position: relative;
		background: #FFF;
		height:auto;
		padding:3%;
		box-sizing:border-box;
		max-width: 100%;
		max-height:auto;
	}
	/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header-wrapper
	{
		position: relative;
		padding: 3%;
		background: #111111 url(images/header-bg.jpg) no-repeat center;
		background-size: cover;
		overflow: hidden;
		max-width: 100%;
	}
	#header-personalizado
	{
		position: relative;
		padding:0px;
		background: #FFF url(images/Credito/creditobanner.png) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		background-position:center;
	
}
#header-comentarios
	{
		position:relative;
		padding: 20px;
		background: #840045 url(images/Comentarios/fondop10.jpg) no-repeat center ;
		background-size: cover;
		background-attachment: fixed;
		background-position:center;

}

	#header
	{
		position: relative;
		padding:0%;
		background: #fff;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
	position: relative;
	left: 10%;
	margin-left:5%;
	margin-right:5%;
	
	}
	
	#logo h1
	{
		font-size: 2.6em;
		color: #79C255;
	}
	
	#logo a
	{
		text-decoration: none;
		color: rgba(255,255,255,1);
	}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		padding-top:10em;
		text-align: center;
	}
	
	#banner .title h2
	{
		font-size: 4em;
	}
	
	#banner .title .byline
	{
		font-size: 2em;
	}
	
	#banner .button
	{
		margin-top: 2em;
		padding: 1.40em 3em;
		border-radius: 6px;
		font-weight: 700;
		font-size: 1em;
		
	}
	
	.banner
	{
		margin-bottom: 5em;
	}



/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page
	{
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
		width: 100%;
    height: 100%;
    position: relative;
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		overflow: hidden;
		padding: 5em 0em;
		border-top: 1px solid rgba(0,0,0,0.08);
		position: relative;
		background: #181818;
	
	}
	
	#copyright p
	{
		text-align: center;
		font-size: 1em;
		color: rgba(255,255,255,0.3);
		
	}
	
	#copyright a
	{
		text-decoration: none;
		color: rgba(255,255,255,0.6);
	}

	#copyright-final
	{
		overflow: hidden;
		padding: 2%;
		border-top: 1px solid rgba(128,128,128);
	}


/*********************************************************************************/
/* Welcome                                                                       */
/*********************************************************************************/

	#welcome
	{
		position: relative;
		background: #00c19f;
		background-size: cover;
		text-align: center;
		padding:2%;

	}
	
	#welcome .container
	{
		width: 100%;
		/**padding: 0px 100px;**/
		color: rgba(255,255,255,0.8);
	}
	
	#welcome a
	{
		color: rgba(255,255,255,1);
	}
	
	#welcome .button
	{
		background: #FFF;
		color: #2651a8;
	}


/*********************************************************************************/
/* Extra                                                                         */
/*********************************************************************************/

	#three-column
	{
		text-align: center;
		color: rgba(0,0,0,0.6);
	}

	#three-column .fa
	{
		display: block;
		padding: 1em 0em;
		color: rgba(0,0,0,1);
		font-size: 2em;
	}
	
	#three-column .title h2
	{
		font-weight: bold;
		color: rgba(0,0,0,0.8);
	}

	#three-column .title .byline
	{
		text-align: center;
		color: rgba(0,0,0,.5);
	}
	#three-column .bylinep
	{
		text-align: left;
		color: rgba(0,0,0,0.7);
		font-size:1.3em;
		font-weight: bold;
	}
	#three-column .textop
	{
		text-align: center;
		color: rgba(0,0,0,.5);
		font-size:1.5em;
			font-weight:bold;

	}
/*********************************************************************************/
/*efectos hover                                                                        */
/*********************************************************************************/
.imagen:hover {filter: grayscale(80%);}
.imagen1:hover {filter: blur(5px);}
.imagen2:hover {filter: sepia(60%);}
.imagen3:hover {filter: saturate(180%);}
.imagen4:hover {filter: opacity(.5);}


div { text-align: center; }
img { margin:20px 0; }

	.zoom{
		transition: 1s ease;
 		-moz-transition: 1s ease; /* Firefox */
 		-webkit-transition: 1s ease; /* Chrome - Safari */
 		-o-transition: 1s ease; /* Opera */
	}
	.zoom:hover{
		transform : scale(1.4);
		-moz-transform : scale(1.4); /* Firefox */
		-webkit-transform : scale(1.4); /* Chrome - Safari */
		-o-transform : scale(1.4); /* Opera */
		-ms-transform : scale(1.4); /* IE9 */
	}
/*etiquetas a link                                                            */
/*********************************************************************************/
.a { color: #fff; }
/*********************************************************************************/
/*menu responsive*/


/**@media screen and (max-width: 700px){
	.boton-menu{
		width: 90%;
		margin: auto;
		display: block;
		padding: 8px 0;
	}

	.navegacion nav{
		position: absolute;
		left: -100%;
		width: 250px;
		height: 100%;
		
	}

	.menu li{
		display: block;
	}
}**/

/*condiciones*/
@media screen and (max-width: 600px) {
       table {
           width:100%;
		  /* background:#383838;*/
       }
       thead {
           display: none;
       }
       tr:nth-of-type(2n) {
        background-color: inherit;
		   
       }
       tr td:first-child {
           background: #383838;
           font-weight:bold;
           font-size:1.3em;
       }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
}

@media screen and (max-width: 600px) {
     table {
       display: block;
       overflow-x: auto;
     }
}

/*********************************************************************************/
@media screen and (max-width: 700px) {
		.boxA,
	.boxB,
	.boxC
	{
		width: 70%;
	}

	.boxA,
	.boxB,
	.boxC
	{
		float: left;
		margin-right:15%;
		margin-left:15%;
		padding:5%
		

	}
	}