body
{
	margin:				0px;
	height:				100%;
	background-position:	bottom;
	background-color:	#fff200;
	
	font-family:		'aleoregular', Helvetica, Arial, sans-serif;
	color:				#fff;
}

.pink{
    color:#f80390;
    
}

#Expo{
	font-family:'aleobold', Helvetica, Arial, sans-serif;
    padding: 45px 10px 0px;
    position:relative;
    display:block;
    color: #f80390;
    font-size: 22px;
    text-align:			center;
	line-height:	30px;
    
}
#Expo2{
    top:30px;
     position:relative;
    display:block;
    color:#333;
    max-width:435px;
    width:100%;
    font-size:16px;
    margin-left:auto;
    margin-right:auto;
     padding-bottom:100px;
	 padding-right:	10px;
    line-height:20px;
    text-align:			center;
}

.bold{
    
    font-weight:bold;
}

#imagen_frida{
    position:relative;
    display:block;
    width:67px;
    height:80px;
    background:url("../img/frida_imagen_cuadro.png")no-repeat;
    margin-left:auto;
    margin-right:auto;
 }

#part1{
    display:block;
    position:relative;
    color:black;
    font-weight:bold;
    max-width:330px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:30px;
    text-align:			center;
	line-height:	26px;
}

#part2{
    
    display:block;
    position:relative;
    max-width:330px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
    color:grey;
    font-size:14px;
    top:20px;
    text-align:			center;
	line-height:	22px;
}

#part3{
    
    display:block;
    position:relative;
    max-width:450px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
	padding-bottom:	30px;
    color:grey;
    font-size:12px;
    text-align:			center;
	line-height:	16px;
	font-family:	'aleoregular';
}

#flores
{
	position:		fixed;
	display:		block;
	left:				100%;
	top:				100%;
	margin-left:	-150px;
	margin-top:	-150px;
	z-index:		15 !important;
	width:			200px;
	height:			auto;
}

#flores2
{
	position:		fixed;
	display:		block;
	left:				0;
	top:				0;
	margin-left:	-300px;
	margin-top:	-200px;
	z-index:		15 !important;
	width:			100px;
	height:			auto;
}

#contenedor
{
	position:		relative;
	display:		block;
	z-index:		99;
	width:			100%;
	height:			100%;
    overflow-x: hidden;
}

.logo
{
	position:		relative;
	display:		block;
	margin:		0px auto;
	height:			90%;
	max-height:	750px;
}

#contenedor_mancha
{
	position:		relative;
	display:		block;
	width:			100%;
	height:			80px;
	padding:		0px;
	margin:		0px;
	margin-top:		50px;
	background:	url(../img/mancha.png) repeat-x;
    text-align:			center;
}

#contenedor_mancha2
{
	position:		relative;
	display:		block;
	width:			100%;
	height:			80px;
	padding:		0px;
	margin:		0px;
	margin-top:		-50px;
	z-index:		6;
	background:	url(../img/mancha.png) repeat-x;
    text-align:			center;
}

#contenedor_mancha3
{
	position:		relative;
	display:		block;
	width:			100%;
	height:			80px;
	padding:		0px;
	margin:		0px;
	margin-top:		0px;
	z-index:		8;
	background:	url(../img/mancha4.png) repeat-x;
    text-align:			center;
}

#contenedor_convocatoria
{
	position:		relative;
	display:		block;
	width:			100%;
	margin:		0px;
	margin-top:	-30px;
	padding:		80px 0px 0px;
	background-color:	#fff;
	height:			auto;
	z-index:		5;
   
}

h2
{
    text-align:			center;
	font-family:	'aleobold';
	position:		relative;
	display:		block;
	margin:		0px auto;
	padding-top:30px;
	width:			250px;
	margin-top:	-90px;
	letter-spacing:		2px;
	height:			50px;
	font-size:		18px;
	color:			#fff;
	background:	url(../img/mancha2.png) no-repeat ;
	background-size:	100% 100%;
	z-index:		7;
}


#padding_top_20{
    position:relative;
     margin-top:50px;
}


h3
{
    text-align:			center;
	font-family:	'aleobold';
	position:		relative;
	display:		block;
	margin:		0px auto;
	padding:		20px 50px 20px 40px;
	letter-spacing:	2px;
	width:			100px;
	height:			auto;
	font-size:		16px;
	color:			#fff;
	background:	url(../img/mancha3.png) no-repeat ;
	background-size:	100% 100%;
	z-index:		7;
	margin-bottom:	35px;
}

.bases p
{
	text-align:		left !important;
	margin-bottom:	15px !important;
}



#foto
{
	position:		relative;
	display:		block;
	z-index:		5;
	width:			100%;
	margin-top:	-50px;
}

#foto img
{
	position:		relative;
	display:		block;
	width:			100%;
	min-height:	100px;
	height:			100%;
	max-width:	2000px;
}

#contenedor_contacto
{
	position:	relative;
	display:	block;
	width:		100%;
	height:		auto;
	padding-bottom:	50px;
	background-color:	#fff;
}

#contenedor_contacto h2
{
	margin-top:		50px;	
	font-size:			12px;
	padding-top:	20px;
	height:				30px;
	width:				250px;
}

.pdf
{
	font-family:	'aleobold';
	background:		url(../img/pdf.png) no-repeat center;
	background-size: 30px auto;
	background-position:	top;
	padding-top:	40px;
	position:		relative;
	display:		block;
	width:			auto;
	max-width:	120px;
	height:			auto;
	font-size:		10px;
	margin:		60px auto 0px;
}

.pdf:hover{opacity:	.8;}

.face
{
	font-family:	'aleobold';
	background:		url(../img/face.png) no-repeat center;
	background-size: 30px auto;
	background-position:	top;
	text-indent:	-9999px;
	position:		relative;
	display:		block;
	width:			30px;
	height:			30px;
	margin: 0 auto;
    padding-bottom:20px;
}

.face:hover{	opacity:	.95;}

.blablau
{
   
	font-family:	'aleobold';
	background:		url(../img/001.png) no-repeat center;
	background-size: 80px auto;
	background-position:	7px;
	text-indent:	-9999px;
	position:		relative;
	display:		block;
	width:			80px;
	height:			74px;
	
}

.blablau:hover{	opacity:	.9;}

.inline{
    
    display:inline-block;
    position:relative;
    margin-left:5px;
    
}

#pats{
    
    display:block;
    position:relative;
   	width:400px;
      margin-left:auto;
    margin-right:auto;
    
    margin-top:20px;
  
}
#equipo{
    
    display:block;
    position:relative;
   width:180px;
      margin-left:auto;
    margin-right:auto;
    margin-top:20px;
  
}
.chato
{
   
	font-family:	'aleobold';
	background:		url(../img/logo_chato.jpg) no-repeat center;
	background-size: 45px auto;
	background-position:	top;
	text-indent:	-9999px;
	position:		relative;
	display:		block;
	width:			85px;
	height:			75px;
    top:9px;
	
}

.chato:hover{	opacity:	.9;}


.patrocinador1{
    
    display:inline-block;
    height:60px;
    width:68px;
    background:		url(../img/003.png) no-repeat center;
}
.patrocinador2{
    
    display:inline-block;
    height:60px;
    width:68px;
   background:		url(../img/004.png) no-repeat center;
}
.patrocinador3{
    
    display:inline-block;
     height:60px;
    width:150px;
   background:		url(../img/005.png) no-repeat center;
}
.patrocinador4{
    
    display:inline-block;
     height:60px;
    width:80px;
   background:		url(../img/006.png) no-repeat center;
}
#contenedor_contacto p
{
	position:		relative;
	display:		block;
	text-align:	center;
	font-family:	'aleoregular';
	font-size:		14px;
	color:			#333;
	line-height:	22px;
	margin-bottom:	15px;
}





strong{font-family:	'aleobold'; color:#000; font-weight:normal;}
span{font-family:	'aleoitalic'; color:#000; font-weight:normal; }
.rosa{color:#f80390 !important}
a { text-decoration:none; color:#f80390}
/*.columna
{
	position:	relative;
	display:	block;
	float:		left;
	width:		50%;
	min-width:	200px;
	margin:	0px auto !important;
	height:		100px;
	background-color:	#ccc;
}
*/
@media (max-width: 700px) {

#flores, #flores2{display:none;}

.logo
{
	position:		relative;
	display:		block;
	margin:		0px auto;
	width:			80%;
	max-width:	600px;
	height:			auto;
}

#foto
{
	position:		relative;
	display:		block;
	z-index:		5;
	width:			100%;
	height:			300px;
	overflow:		hidden;
	margin-top:	-50px;
}

#foto img
{
	position:		relative;
	display:		block;
	height:			100%;
	width:			auto;
	left:				-40%;
}
}

@media (max-width: 400px) {

#flores, #flores2{display:none;}

#foto
{
	position:		relative;
	display:		block;
	z-index:		5;
	width:			100%;
	height:			250px;
	overflow:		hidden;
	margin-top:	-50px;
}

#foto img
{
	left:			-85%;
}
}



@font-face {
    font-family: 'aleoregular';
    src: url('../font/aleo-regular-webfont.eot');
    src: url('../font/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aleo-regular-webfont.woff') format('woff'),
         url('../font/aleo-regular-webfont.ttf') format('truetype'),
         url('../font/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aleoitalic';
    src: url('../font/aleo-italic-webfont.eot');
    src: url('../font/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aleo-italic-webfont.woff') format('woff'),
         url('../font/aleo-italic-webfont.ttf') format('truetype'),
         url('../font/aleo-italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aleobold';
    src: url('../font/aleo-bold-webfont.eot');
    src: url('../font/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aleo-bold-webfont.woff') format('woff'),
         url('../font/aleo-bold-webfont.ttf') format('truetype'),
         url('../font/aleo-bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;

}