/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background: #f7f8f9;
	line-height: 1.6em;	
	color:#FFF;
	font-family: 'Raleway', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h2{
	text-align:justify;
	float: left;
	position:relative; 
	font-size: 24px;
	line-height:50px;
	color:#333;
	font-family: 'Abel', sans-serif;
	width:860px;
	display: block;
}

p {
	padding:10px 0px;
	text-align:justify;
}
p1 {

	font-size: 13px;
	
}

@charset "utf-8";
/* CSS Document */

#contenedor {
	   margin:0 auto 0 auto;
	   text-align: center;
       width: 900px;
       height: 800px;

}


#cabecera {
	   position:relative;
       width: 900px;
       height: 155px;

}
#logomarca {
       cursor:pointer;
	   position:relative;
       width: 126px;
       height: 155px;
	   float:left;

}
#botones {
	   position:relative;
		top:100px;
       width: 463px;
       height: 30px;
	   float:right;
}
#boton {
	cursor:pointer;
	display: block;
	float: right;
	position:relative; 
	font-size: 12px;
	font-weight:500;
	text-transform: uppercase;
	padding:0 15px;
	height:30px;
	line-height:30px;
	color:#333;
	font-family: 'Raleway', sans-serif;
}
#boton:hover {
	cursor:pointer;
	display: block;
	float: right;
	position:relative; 
	font-size: 12px;
	font-weight:500;
	text-transform: uppercase;
	padding:0 15px;
	height:30px;
	line-height:30px;
	background-color:#CCC;
	color:#FFF;
	font-family: 'Raleway', sans-serif;
}
#separador {
	float: right;
	position:relative; 
	height:30px;
	width: 1px;
	background-color:#CCC;
}


#cmapa{
	position:relative; 
	height:550px;
	width:900px;
	background-color:#E0E0E0;
}
#mapa{
	position:relative;
	height:550px;
	width:900px;
}
#submenu{
	position:relative; 
	top:30px;
	height:110px;
	width:900px;
}
#fuente1{
	border: 1px solid #E0E0E0;
	cursor:pointer;
	float: right;
	height:110px;
	width:130px;
	position:relative;
}
#fuente2{
	border: 1px solid #E0E0E0;
	cursor:pointer;
	float: right;
	right:22px;
	height:110px;
	width:130px;
	position:relative;
}
#fuente3{
	border: 1px solid #E0E0E0;
	cursor:pointer;
	float: right;
	right:44px;
	height:110px;
	width:130px;
	position:relative;
}

#fuente4{
	border: 1px solid #E0E0E0;
	cursor:pointer;
	float: right;
	right:66px;
	height:110px;
	width:130px;
	position:relative;
}
#fuente5{
	border: 1px solid #E0E0E0;
	cursor:pointer;
	float: right;
	right:88px;
	height:110px;
	width:130px;
	position:relative;
}
#fuente6{
	border: 1px solid #E0E0E0;
	cursor:pointer;
	float: right;
	right:110px;
	height:110px;
	width:130px;
	position:relative;
}
#foot{
	position:relative; 
	top:70px;
	height:100px;
	width:900px;
	background-color:#bcbcbc;
	display: block;
	float: left;
	font-size: 12px;
	font-weight:500;
	color:#333;
	font-family: 'Raleway', sans-serif;
}
#foottext{
	text-align:left;
	float: left;
	left: 10px;
  	top: 20px;
	height:50px;
	width:690px;
	position:relative;
}
#derechos{
	float: left;
	height:20px;
	width:690px;
	position:relative;
}

#foot2{
	position:relative; 
	top:20px;
	height:40px;
	width:200px;
	float: left;
}
#idioma{
	position:relative; 
	height:20px;
	width:200px;
	float: right;
}
#boton2 {
	cursor:pointer;
	display: block;
	float: right;
	position:relative; 
	font-size: 14px;
	font-weight:500;
	text-transform: uppercase;
	padding:0 15px;
	height:30px;
	line-height:30px;
	color:#333;
	font-family: 'Raleway', sans-serif;
}
#boton2:hover {
	cursor:pointer;
	display: block;
	float: right;
	position:relative; 
	font-size: 14px;
	font-weight:500;
	text-transform: uppercase;
	padding:0 15px;
	height:30px;
	line-height:30px;
	background-color:#fff;
	color:#333;
	font-family: 'Raleway', sans-serif;
}
#redes{
	position:relative; 
	top:20px;
	right:5px;
	height:30px;
	width:30px;
	float: right;
}




/*MENU1*/

#content{
	position:relative; 
	width:900px;
	display: block;
	height:50px;
}
#contentcabecera{
	top:50px;
	text-align:justify;
	position:relative; 
	width:870px;
	background-color:#a6a6a6;
	display: block;
	float: left;
	position:relative; 
	font-size: 40px;
	font-weight:500;
	padding:0 15px;
	height:50px;
	line-height:50px;
	color:#fff;
	font-family: 'Amatic SC', cursive;
}

#contentext{
	top:70px;
	left:20px;
	text-align:justify;
	position:relative; 
	width:860px;
	height:970px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}


/*contacto*/
#contentcontacto{
	top:70px;
	position:relative; 
	height:610px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}
	
#contentcontacto2{
	left:90px;
	top:300px;
	text-align:right;
	position:relative; 
	width:240px;
	height:210px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}

#contentcontacto1{
	left:20px;
	text-align:justify;
	position:relative; 
	width:560px;
	height:610px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}
.contacto{
    border-radius: 6px;
    margin-top: 50px;
	text-decoration:none;
	font-family: 'Abel', sans-serif;
}
.contacto label{
    display: block; /* esto es para que el label se sobreponga a la caja de texto */
}
.contacto div{
    margin-bottom: 15px; /* esto los separara un poco */
}
.contacto input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 294px; /* una longitud definida */
    border: 1px solid #CED5D7;
    resize: none; /* esta propiedad es para que el textarea no sea redimensionable */
    margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none; /* reset especifico para Chrome/Safari */
}
.contacto input[type='submit']{
    border: 1px solid #CED5D7;
    padding: 8px 16px;
    background: #E0E0E0; /* fallback para navegadores que no soporten degradados */
}
.contacto input[type='submit']:hover{
    background: #999;
	color:#fff;
}
.contacto input[type='submit']:active{
    background: #999;
	color:#fff;
}

/*FUENTES*/
#content2{
	position:relative; 
	width:900px;
	height:2000px;
	display: block;
	height:50px;
}
#contentextfont{
	top:70px;
	left:20px;
	text-align:justify;
	position:relative; 
	width:560px;
	height:2000px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}
#contentmultimedia{
	top:70px;
	left:70px;
	position:relative; 
	width:240px;
	height:2000px;
	float: left;
	position:relative; 
}
#imagen{
	left:5px;
	position:relative; 
	width:235px;
	height:540px;
	float: left;
	position:relative; 
}
#reproductor{
	color:#666;
	font-size:12px;
	left:5px;
	top:40px;
	position:relative; 
	width:235px;
	height:340px;
	float: left;
	/*background-color:#333;*/
}


/*fonseca*/
#contentextfont2{
	top:70px;
	left:20px;
	text-align:justify;
	position:relative; 
	width:560px;
	height:1000px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}
#contentmultimedia2{
	top:70px;
	left:70px;
	position:relative; 
	width:240px;
	height:1000px;
	float: left;
	position:relative; 
}
#imagen2{
	left:5px;
	position:relative; 
	width:235px;
	height:497px;
	float: left;
	position:relative; 
}


/*franco*/
#imagen3{
	left:5px;
	position:relative; 
	width:235px;
	height:451px;
	float: left;
	position:relative; 
}

#contentextfont3{
	top:70px;
	left:20px;
	text-align:justify;
	position:relative; 
	width:560px;
	height:950px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}
#contentmultimedia3{
	top:70px;
	left:70px;
	position:relative; 
	width:240px;
	height:950px;
	float: left;
	position:relative; 
}

/*paraiso*/

#imagen4{
	left:5px;
	position:relative; 
	width:235px;
	height:499px;
	float: left;
	position:relative; 
}


/*cervantes*/
#contentextfont4{
	top:70px;
	left:20px;
	text-align:justify;
	position:relative; 
	width:560px;
	height:1060px;
	display: block;
	float: left;
	position:relative; 
	font-size: 15px;
	line-height:19px;
	color:#333;
	font-family: 'Abel', sans-serif;
}
#contentmultimedia4{
	top:70px;
	left:70px;
	position:relative; 
	width:240px;
	height:1060px;
	float: left;
	position:relative; 
}



/*GL*/
#cmapa2{
	position:relative; 
	height:550px;
	width:900px;
	background-color:#E0E0E0;
	font-family: 'Amatic SC', cursive;
	color:#333;
	font-size:24px;
	text-align:center;
	line-height:550px;
}