html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;text-align:left;}
b,strong{font-weight:600;}
i,em{font-style:italic;}
sup{font-size:70%;}
a, a:hover{text-decoration:none;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
body{padding-top:0;margin-top:0;padding-left:0;padding-bottom:0;margin-left:0;margin-bottom:0;font-family: 'Open Sans', Arial, sans-serif; font-size:0.7em;}
input,select,textarea{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#333;border:1px solid #ccc;margin-bottom:3px;}
p{color:#787878;font-size:16px;line-height:1.5em; font-weight: 300; padding-bottom:15px;text-align:justify;}
ul{padding-left:25px;list-style:square;padding-bottom:15px;}
ol{list-style:decimal;padding-left:25px;padding-bottom:15px;}
	li{color:#787878;font-size:16px;line-height:1.5em; font-weight: 300;padding-bottom:10px;}
.bloque{width:100%;height:100%;display:block;}
.clear{clear:both;height:0;line-height:0;font-size:0;}	
.absoluta{position:absolute;left:0;top:0;}
.cero{line-height:0;font-size:0;width:100%;}
.border-right {border-right: 1px solid #333;}
.border-left {border-left: 1px solid #333;}

a, a:focus, a:hover {color:inherit;}
h1,h2,h3,h4,h5,h6 {font-family: 'Itim', cursive;}
h1 a,h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;}
h1 a:hover,h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #666;}
h1 {font-size: 4.2em; font-weight:700; color: #d70077;}
h2 {font-size: 2.2em; color:#a85590; margin-bottom: 1em;}
h3 {font-size: 2.25em; color:#a85590; margin-bottom: 1em; }
	h3 span.glyphicon {display: inline-block; padding-right: 10px;}
h4 {font-size: 1.5em; color: #4f4f4f; margin: 0.5em 0;}
	h4 span.glyphicon {display: inline-block; padding-right: 5px;}
h5 {}
h6 {}
/***********************************************************************************/

body,html {min-height: 100%;}
body {background-color: white;}
.container {width:980px; margin: 0 auto;}
header {background-color:#F5F5F5;padding:10px 0;}
	header .logo {max-width:100px;}
	header .logo_gn {max-width:150px;float:right;}
	header .claim {font-family: 'Itim', cursive;font-size: 2.8em; font-weight:700; color: #d70077;padding: 15px 0; text-align:center;}
	footer .logo {margin: 0 auto; padding-bottom:10px;}
footer {background-color:#A85590; padding-top: 10px; position:fixed; width:100%; bottom:0;}
	footer i {font-style:normal;}
	footer p {color:white;font-size:14px; text-align:center;}
		footer p a {color: white;}
		footer p span {display: inline-block;margin-right: 10px;}

.main {padding: 20px; margin-bottom: 50px;/* margin-bottom:116px;*/}
	.main img.img-responsive {width:50%; margin: 0px 0 20px 40px; float:right;}
	.main audio {width: 100%; margin: 20px auto; display: inline-block;}
.btn {display: block; padding: 20px; margin: 10px auto;font-weight:600;}

.multiview{margin-bottom:25px;}
	.multiview img {width:100%;margin:0 0 5px;max-height:270px;}
	.multiview p {padding:0;text-align:left;height:72px;}

.col-md-12 .btn-default:nth-child(1):hover, .col-md-12 .btn-default:nth-child(1):focus, .col-md-12 .btn-default:nth-child(1):active {background-color:#9CCC47;color:white;}
.col-md-12 .btn-default:nth-child(2):hover, .col-md-12 .btn-default:nth-child(2):focus, .col-md-12 .btn-default:nth-child(2):active {background-color:#E60124;color:white;}
.col-md-12 .btn-default:nth-child(3):hover, .col-md-12 .btn-default:nth-child(3):focus, .col-md-12 .btn-default:nth-child(3):active {background-color:#00AEED;color:white;}
.col-md-12 .btn-default:nth-child(4):hover, .col-md-12 .btn-default:nth-child(4):focus, .col-md-12 .btn-default:nth-child(4):active {background-color:#FAC227;color:white;}
.col-md-12 .btn-default:nth-child(5):hover, .col-md-12 .btn-default:nth-child(5):focus, .col-md-12 .btn-default:nth-child(5):active {background-color:#A70D88;color:white;}

h1.idi1 {color:#9CCC47;}
h1.idi2 {color:#E60124;}
h1.idi3 {color:#00AEED;}
h1.idi4 {color:#FAC227;}
h1.idi5 {color:#A70D88;}


/* PANTALLA MEDIA */
@media (max-width: 1170px) {

}

/* TABLET */
@media (max-width: 970px) {
	.container {width:100%;}
	.main audio {width: 100%;}
	.btn {width:80%;}	
	header .claim {font-size:2em;}
}

@media (max-width: 850px) {
	.main {margin-bottom: 90px;}
	footer i {display: block; width:0; height: 0; overflow: hidden;}
}

/* MOVIL */
@media (max-width: 750px) {
	h1 {font-size:3em;}
	header .logo {max-height: 120px;}
	footer .logo {max-height: 60px;}
	footer {position:relative;}
	.main {margin-bottom:0; padding: 20px 5px;}
		.main p {text-align: left;}
		.main audio {margin: 20px 0 10px;}
		.main img.img-responsive {width:100%; margin: 0 0 10px;}
	.btn {width: 100%; padding:10px;}
	header .claim span {display:block;overflow:hidden;width:0;height:0;line-height:0;font-size:0;}
	.multiview p {height:120px;}
	
}