@charset "utf-8";
/* CSS Document */
/* COLORES CORPORATIVOS DE MACAEL TURISMO
NEGRO #000000
GRIS OSCURO #444;
VERDE #37B450 WEBSEC #66CC66
PURPURA #AB1F6C WEBSEC #993366
NARANJA #F47C2A WEBSEC #FF6633
AMARILLO #FBAD33 WEBSEC #FF9933
*/

/*********************************************
                    CABECERA
**********************************************/

#estilomenu
{
	float:right;
	margin-left:10px;
}

#divbuscador
{
	float:right;
	margin-left:10px;
}

#idioma
{
	float:right;
}

#logoindex /*id=logoindex*/
{
	width:40%;	
}

/*********************************************
                    MARQUESINA
**********************************************/

.marquesina
{
	background:#FFF;
	/*width:770px;*/
	/*height:565px;*/
	width:1024px;
	height:300px;
	font-size:80%;
	border:20px #444 solid;
	margin:20px auto;
	padding:15px;
	position:relative;
	border-radius: 15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	z-index:-1;
}

#marquesinapanel
{
    position:relative;
    /*width: 768px;*/
    /*height: 512px;*/
	width:1024px;
	height:300px;
    overflow:hidden;
}

#marquesinapanel img 
{
    position:absolute;
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering:optimizeSpeed;
}


/*********************************************
                    MENU
**********************************************/

.menu
{
	height:372px;
	border-radius: 15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

/*********************************************
                    GALERIA
**********************************************/

.galeria
{
	background:#FFF;
	/*width:770px;*/
	/*height:565px;*/
	width:1024px;
	height:300px;
	font-size:80%;
	border:1px #000 solid;
	margin:20px auto;
	padding:15px;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

#galeriapanel
{
    position:relative;
    /*width: 768px;*/
    /*height: 512px;*/
	width:1024px;
	height:300px;
    overflow:hidden;
}

#galeriapanel img 
{
    position:absolute;
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering:optimizeSpeed;
}

/*********************************************
                    GALERIA CUADRADA
**********************************************/

.galeriacuadrada
{
	position:relative;
	background:#FFF;
	/*width:770px;*/
	/*height:565px;*/
	width:300px;
	height:300px;
	font-size:80%;
	border:0px #000 solid;
	margin:20px auto;
	padding:15px;
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#galeriacuadradapanel
{
    position:relative;
    /*width: 768px;*/
    /*height: 512px;*/
	width:300px;
	height:300px;
    overflow:hidden;
}

#galeriacuadradapanel img 
{
    position:absolute;
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering:optimizeSpeed;
}

/*********************************************
                    CUERPO
**********************************************/

.main /*class=main*/
{
	width:100%;
	float:left;
	color:#993366;
}

.lineahorizontal /*class=lineahorizontal*/
{
	position:relative;
 	width:100%;
	float:left;
	color:white;
	background-color:#444;
	clear:both;
}

#redessociales
{
	width:100%;
	float:left;
	color:#993366;
}
	
}

#cuerpo
{
 	width:90%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#cuerpoanimado
{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

.texto
{
	font-family: "Colaborate-Regular", Verdana, Geneva, Arial, Helvetica, sans-serif;; 
}

.textopoetico
{
	/*text-align:center;*/
	width:50%;
	margin-left:25%;
	margin-bottom:20px;
	font-size: xx-large;
	font-family: "Learning Curve Pro", Corsiva, "Lucida Handwriting", script;
	/*
	font: 400 20px/0.8 'Great Vibes', Helvetica, sans-serif;
  	color: #008;
  	text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
	*/ 
}

.menucuerpo
{
	position:relative;
	width:100%;
}

/*********************************************
                    IMAGENES
**********************************************/

.imagenesseccion
{
	width:100%;
	background-color:#444;
	float:left;	
	color: white;
	padding:20px;
	padding-left:40px;
}

.imagen_miniatura
{
	width:120px;
	height:150px;
	float:left;
	padding-right:10px;
	padding-bottom:30px;
}

.imagen_miniatura_doble
{
	width:300px;
	height:200px;
	float:left;
	padding-right:10px;
	padding-bottom:30px;
}

.imagendetalle
{
	width:640px;
	margin-left:auto;
	margin-right:auto; 
}

.imagendetallefoto
{
	text-align:center; /*esto centra la foto aunque no tenga 640px de ancho*/
}

.imagendetallepie
{
	font-size:xx-large;
	text-align:center;	
}

/*********************************************
                    VIDEOS
**********************************************/

.videosseccion
{
	width:100%;
	background-color:#444;
	float:left;	
	color: white;
	padding:20px;
	padding-left:40px;
}

.video_miniatura
{
	width:300px;
	height:250px;
	float:left;
	padding-right:10px;
	padding-bottom:30px;
}

/*********************************************
                    DESCARGAS
**********************************************/

.descargarpdf
{
	float:left;
	width:100%;
	margin-left:auto;
	margin-right:auto; 	
}

#formulariopropuesta
{
	width:800px;
	margin-left:auto;
	margin-right:auto; 	
}

@media screen and (max-width:1024px)
{

#logoindex
{
	width:50%;	
}

#formulariopropuesta
{
	width:800px;
	margin-left:auto;
	margin-right:auto; 	
}
	
}

@media screen and (max-width: 480px)
{

#logoindex
{
	width:60%;	
}
	
#formulariopropuesta
{
	width:350px;
	margin-left:auto;
	margin-right:auto; 	
}

.textopoetico
{
	/*text-align:center;*/
	width:80%;
	margin-left:10%;
}

}