/*------------------------------------------------------------------------------------------*/
/*                                       BASICO                                             */
/*------------------------------------------------------------------------------------------*/

body {
margin:0 auto;
padding:0px;
background-color:#000;
}

#centrador{
width:100%;
max-width:600px;
min-width:320px;	
}

#actualizando{
display:none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../img/img_cargando.gif') 50% 50% no-repeat rgb(249,249,249);
opacity: .8;	
}
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/

#cabeza{
background-color:#59A4A4;	
}
#cabeza img{
width:100%;	
}


#cuello{
width:100%;
height:40px;
background-color:#59A4A4;
}

	#cuello img{
	width:40px;
	height:25px;
	margin-top:5px;
	margin-right:4px;
	float:right;
	border-radius:8px;	
	}
	
	.espacio1{
	float:left;
	width:85%;
	height:40px;
	display:flex;
	align-items: center;
	justify-content: center;	
	}
	
		.espacio1 a,.espacio1 a:visited{
		padding:7px 11px;
		margin:0px 5px;
		text-decoration:none;
		color:#FFF;
		font-family: 'Roboto', sans-serif;
		border:solid 2px #FFF;
		border-radius:8px;
		font-size:12px;
		}
		
		.espacio1 a:hover , .espacio1 a:active{
		border-bottom:solid 3px red;	
		}
		
		#sele{
		border-bottom:solid 3px red;
		}
		
	

	
	
	
	
.parte1{
position: relative;
display: inline-block;
text-align: center;
}
	.parte1 img{
	width:100%;	
	}
	.parte1 p{
    position: absolute;
    top: 30%;
    left: 0%;
    transform: translate(-0%, -30%);	
	color:#FFF;
	font-size:25px;
	font-family: 'Caveat', cursive;
	}

.parte2{
background-color:#59A4A4;
border-top:solid 5px #FFF;
border-bottom:solid 5px #FFF;
color:#FFF;
font-family: 'Roboto', sans-serif;
}

.celularr{
width:320px;
height:620px;
background:url("../img/img_telefonod.png")no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}

#videeo{
margin-top:5px;	
}

.parte3{
width:100%;
background-image: url("../img/img_fondo.jpg");
}

	.burbuja{
	width:80%;
	border-radius:32px;
	background-color:#FFF;
	margin:25px 0px;
	padding:5px 0px;	
	}
		.burbuja strong{
		font-family: 'Roboto', sans-serif;
		color:#59A4A4;
		}
		.burbuja p{
		font-family: 'Roboto', sans-serif;
		color:#000;
		width:80%;}
		
.parte4{
width:100%;
background-color:#59A4A4;
}

.parte4 a,.parte4 a:visited{
display:block;
width:60%;
font-size:25px;
color:#FFF;
background-color:#000;
padding:5px;
margin-top:15px;
border-radius:18px;	
font-family: 'Roboto', sans-serif;
text-decoration:none;
}
.parte4 a:hover , .parte4 a:active{
background-color:#4CAF50;	
}



.cabeza2{
width:100%;	
}

#pie{
background-color:#000;
width:100%;	
}

#pie span{
padding:5px 0px;
margin-top:15px;
display:block;
border-top:solid 3px #FFF;
border-bottom:solid 3px #FFF;
color:#FFF;
font-family: 'Roboto', sans-serif;	
}
	
.organizador{
display:flex;
align-items: center;
justify-content: center;
list-style-type: none;
flex-direction: row;
flex-wrap: wrap;	
}

.organizador a{
color:#FFF;	
font-family: 'Caveat', cursive;
margin:10px 15px;
font-size:25px;
text-decoration:none;
vertical-align: middle;
}
.organizador a img{
vertical-align: middle;
}

#pie label{
display:block;
color:#FFF;	
font-family: 'Caveat', cursive;
margin:15px;
font-size:30px;
text-decoration:none;
}