/* Gonzalo G. Espasandín
   v1.0 | 2013 08 27
   License: none (public domain)
*/


/************* Configuración generica de valores de inicio ***************/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 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 {
	line-height: 1;
}
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;
}
/* end reset*/

/************* Comienzo del CSS personalizado ***************************/

/************* Para Iphone ***************************/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none;
}

/********* FUENTES PERSONALIZADAS (Fontsquirrel te convierte a los diferentes formatos) ********************/

@font-face {
	font-family: "canadian_penguin";
	src: 	url("fuentes/canadian_penguin/canadian_penguin-webfont.eot");
	src: 	url("fuentes/canadian_penguin/canadian_penguin-webfont.woff") format("woff"),
		url("fuentes/canadian_penguin/canadian_penguin-webfont.ttf") format("truetype"),
		url("fuentes/canadian_penguin/canadian_penguin-webfont.svg#canadian_penguin") format("svg");
	font-weight: normal;
	font-style: normal;
	}

/********* ESTILO DE LOS ELEMENTOS GENERALES ********************/

html {
	height: 100%;
	}

body {
	height: 100%;
	background-image:url('../img/fondo.jpg');
	background-size: 450px;
	}

img {
	}

a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

a:link {
	}

a:hover {
	}

a:visited {
	}

a img:hover {
	}

/********* ELEMENTOS DE LA PAGINA ********************/

#ini {
	display:inline;
	position:absolute;
	width:100%;
	height:100%;
	opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
	}

#secciones {
	display:none;
	opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
	}


/********* INICIO ********************/

#inicio_texto {
	position:relative;
	top:10%;
	margin:auto;
	width:750px;
	height:60px;
	text-align:center;
	z-index:4;
	}

#inicio_texto p {
	font-family: canadian_penguin;
	font-size: 20pt;
	color: #835634;
	}

#inicio_contenedor {
	position:absolute;
	top:25%;
	width:100%;
	}

.inicio_img_base {
	width:100%;
	height:100%;
	max-width:1250px;
	min-width:750px;
	margin:0 auto 0 auto;
	opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity:1;
	z-index: 1;
	}

.inicio_img_base img {
	max-width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.inicio_img_base_horizontal{
	display:inline;
	}

.inicio_img_base_vertical{
	display:none;
	width:100%;
	}

.inicio_img_base_vertical img{
	max-width:100%;	
	}

.inicio_menu {
	position:relative;
	top:20px;
	float:left;
	/*width: calc((100% - 1px) / 6);*/
	width: 16.66%;
	height:20px;
	z-index: 3;
	}

.inicio_menu a {
	display:block;
	text-align:center;
	font-family: canadian_penguin;
	font-size: 18pt;
	text-decoration: none;
	color: #c0a38e;
	}

.inicio_menu a:hover {
	color: #633614;
	}


.inicio_contenedor_secciones {
	position:absolute;
	top:25%;
	width:100%;
	z-index: 2;
	}

.inicio_img_seccion {
	width:100%;
	height:100%;
	max-width:1250px;
	min-width:600px;
	margin:0 auto 0 auto;
	opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
   	transition: opacity .4s ease-in-out;
   		-moz-transition: opacity .4s ease-in-out;
   		-webkit-transition: opacity .4s ease-in-out;
		-o-transition: opacity .4s ease-in-out;
	}

.inicio_img_seccion img {
	max-width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/********* PIE DE PAGINA INICIO********************/

#ini_ct_foot {
	position: absolute;
	bottom: 5px;
	width: 100%;
	height:20px;
	border: 0px solid;
	}

.ini_foot_tx {
	text-align:center;
	font-family: verdana;
	font-size: 8pt;
	color: #c0a38e;
	}

/********* SECCIONES ********************/


/********* BARRA DE CABECERA ********************/

#seccion_contenedor_cabecera {
	position: relative;
	width: 100%;
	min-width: 900px;
	height:95px;
	}

#seccion_cabecera_logo {
	position: relative;
	top: 5px;
	height:80px;
	float: left;
	}

#seccion_cabecera_logo img {
	height:100%;
	margin-left: 25px;
	}

#seccion_cabecera_texto {
	float:left;
	position:relative;
	top:30px;
	left:0px;
	width: 260px;
	height:20px;
	font-family: verdana;
	font-size: 9pt;
	color: #afafaf;
	color: #c0a38e;
	}

#seccion_cabecera_texto a {
	text-decoration: none;
	font-family: verdana;
	font-size: 9pt;
	color: #c0a38e;
	}

.seccion_cabecera_menu {
	float:left;
	position:relative;
	top:35px;
	left:0px;
	/*width: calc((100% - 130px )/7);*/
	height:20px;
	}

.seccion_cabecera_menu a {
	display:block;
	text-align:center;
	/*font-family: verdana;
	font-size: 11pt;*/
	font-family: canadian_penguin;
	font-size: 18pt;
	text-decoration: none;
	color: #afafaf;
	color: #c0a38e;
	}

.seccion_cabecera_menu a:hover {
	color: #090909;
	color: #633614;
	}

.seccion_cabecera_menu_seleccionado {
	float:left;
	position:relative;
	top:35px;
	left:0px;
	/*width: calc((100% - 130px )/7);*/
	height:20px;
	display:block;
	text-align:center;
	font-family: verdana;
	text-decoration: none;
	color: #090909;
	color: #633614;
	background-color:#eeede8;
	border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}

.seccion_cabecera_menu_seleccionado a {
	display:block;
	text-align:center;
	/*font-family: verdana;
	font-size: 11pt;*/
	font-family: canadian_penguin;
	font-size: 18pt;
	text-decoration: none;
	color: #090909;
	color: #633614;
	}

#seccion_cabecera_linea {
	position: absolute;
	left: 86px;
	top: 50px;
	/*width: calc(100% - 130px);*/
	}

#seccion_cabecera_linea hr {
	align: center;
	size:1px;
	width: 100%;
	color: #c0a38e;
	background-color: #c0a38e;
	border-color: #c0a38e;
	noshade: noshade;
	}



/********* BARRA MENU LATERAL ********************/

#seccion_contenedor_menu {
	position: relative;
	left: 25px;
	width: 110px;
	/*height:calc(100% - 135px);*/
	background-color:#eeede8;
	float: left;
	border-radius: 10px;
		-webkit-border-radius:  10px;
		-moz-border-radius: 10px;
   	transition: height .8s ease-in-out, opacity .7s ease-in-out;
   		-moz-transition: height .8s ease-in-out, opacity .7s ease-in-out;
   		-webkit-transition: height .8s ease-in-out, opacity .7s ease-in-out;
		-o-transition: height .8s ease-in-out, opacity .7s ease-in-out;
		-ms-transition: height .8s ease-in-out, opacity .7s ease-in-out;
	}

.sec_mlat_bt_hom {
	position:absolute;
	margin:auto;
	left:15px;
	top:15px;
	width:30px;
	}

.sec_mlat_bt_cua {
	position:absolute;
	margin:auto;
	left:65px;
	top:15px;
	width:30px;
	}

.sec_mlat_bt_zoom {
	position:absolute;
	margin:auto;
	left:75px;
	top:15px;
	width:30px;
	}

.sec_mlat_bt_izda {
	position:absolute;
	margin:auto;
	left:20px;
	top:50px;
	width:30px;
	}

.sec_mlat_bt_dcha {
	position:absolute;
	margin:auto;
	left:60px;
	top:50px;
	width:30px;
	}

.sec_mlat_bt_sca:hover {
	transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	}

#carrusel_contenedor {
	position:absolute;
	top: 75px;
	width:100%;
	margin-left: 0px;
	margin-right: 0px;
	/*height:calc(100% - 70px);*/
	max-height:100%;
	overflow:hidden;
	}

#carrusel_contenido_ilustracion {
	display:inline;
	}
#carrusel_contenido_pintura {
	display:none;
	}
#carrusel_contenido_escultura {
	display:none;
	}
#carrusel_contenido_fotografia {
	display:none;
	}
#carrusel_contenido_infografia {
	display:none;
	}

.carrusel_contenido {
	position:absolute;
	top:0px;
	left: 5px;
	}

.carrusel_contenido ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

.carrusel_contenido img {
	width:100px;
	}

.carrusel_contenido a {
	opacity: .5;
		filter: alpha(opacity=50);
		-moz-opacity:.5;
	transition: opacity .4s ease-in-out;
		-moz-transition: opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		-o-transition: opacity .4s ease-in-out;
	}

.carrusel_contenido a:hover {
	opacity: .9;
		filter: alpha(opacity=90);
		-moz-opacity:.9;
	}

.carrusel_flecha_arriba {
	position:absolute;
	margin:auto;
	top:0px;
	left:0px;
	right:0px;
	opacity: .8;
		filter: alpha(opacity=80);
		-moz-opacity:.8;
	z-index:111
	}

.carrusel_flecha_arriba img {
	display:block;
	margin:auto;
	left:0px;
	right:0px;
	width:40px;
	}
	

.carrusel_flecha_abajo {
	position:absolute;
	margin:auto;
	bottom:0px;
	left:0;
	right:0;
	opacity: .8;
		filter: alpha(opacity=80);
		-moz-opacity:.8;
	z-index:112
	}

.carrusel_flecha_abajo img {
	display:block;
	margin:auto;
	left:0px;
	right:0px;
	width:40px;
	}	
	
.carrusel_extremo_superior {
	position:absolute;
	top:0px;
	width:100%;
	height:30px;
	z-index:101
	}

.carrusel_extremo_superior img {
	width:100%;
	height:100%;
	}

.carrusel_extremo_inferior {
	position:absolute;
	bottom:0px;
	width:100%;
	height:30px;
	z-index:102
	}

.carrusel_extremo_inferior img {
	width:100%;
	height:100%;
	}
	

/********* CONRTOLES INFERIORES ********************/

#sec_ct_cinf {
	position: absolute;
	bottom: 20px;
	width: 150px;
	height: 40px;
	background-color:#eeede8;
	background-color:rgba(238, 237, 232, 0.5);
	float: left;
	border-radius: 10px;
		-webkit-border-radius:  10px;
		-moz-border-radius: 10px;
	z-index:152;
	box-shadow: 0px 0px 10px #362f1e;
		-webkit-box-shadow: 0px 0px 10px #362f1e;
		-moz-box-shadow: 0px 0px 10px #362f1e;
	}

.sec_cinf_bt_izda {
	position:absolute;
	margin:auto;
	left:15px;
	top:5px;
	width:30px;
	}

.sec_cinf_bt_dcha {
	position:absolute;
	margin:auto;
	left:60px;
	top:5px;
	width:30px;
	}

.sec_cinf_bt_zoom {
	position:absolute;
	margin:auto;
	left:105px;
	top:5px;
	width:30px;
	}

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

#video_01 {
	display: none;
	position: absolute;
	z-index:151;
	}
	

/********* ESPACIO PARA TEXTO ********************/

#seccion_contenedor_texto {
	pointer-events:none;
	position: relative;
	margin-left:40px;
	width: 190px;
	/*height:calc(100% - 135px);*/
	float: left;
	}

#seccion_texto {
	position:absolute;
	/*width: calc(100% - 30px);*/
	padding: 15px;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	font-family: verdana;
	font-size: 9pt;
	line-height: 12pt;
	color: #5a5a5a;
	color: #633614;
	background-color:#eeede8;
	opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
	}

.seccion_obra_boton_izda {
	margin:auto;
	position:relative;
	float: left;
	top:0;
	z-index: 121;
	}

.seccion_obra_boton_dcha {
	margin:auto;
	position:relative;
	top:0;
	z-index: 122;
	}

/********* CARGADOR ********************/

#cargador {
	position:absolute;
	top: 95px;
	left: 350px;
	z-index:64;
	}

.cargador_cent {
	width: 32px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}


/********* ESPACIO PARA OBRAS ********************/

#seccion_contenedor_obra {
	z-index:150;
/*	height:calc(100% - 135px);*/
/*	width: calc(100% - 365px);*/
	}

#seccion_obra {
	box-shadow: 0px 0px 10px #362f1e;
		-webkit-box-shadow: 0px 0px 10px #362f1e;
		-moz-box-shadow: 0px 0px 10px #362f1e;
	}


.seccion_contenedor_obra_normal {
	position:relative;
	margin:0px 0px 0px 350px;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	}

.seccion_contenedor_obra_grande {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
/*	width: calc(100% - 15px);*/
/*	height:calc(100% - 15px);*/
	}


.seccion_obra_centrada {	/* Para centrar en horizontal y vertical dentro de su div*/
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}

.seccion_obra_escalada {
	margin:auto;
	position:absolute;
	top:0;
	bottom:auto;
	left:0;
	right:auto;
	box-shadow: 0px 0px 10px #362f1e;
		-webkit-box-shadow: 0px 0px 10px #362f1e;
		-moz-box-shadow: 0px 0px 10px #362f1e;
	}

/********* ESPACIO PARA OBRAS EN GRANDE********************/

#seccion_obra_grande_fondo {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	/*width: calc(100% - 15px);*/
	/*height:calc(100% - 15px);*/
	border:2px solid;
	background-color:#000000;
	opacity: .7;
		filter: alpha(opacity=70);
		-moz-opacity:.7;
	border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	z-index:140;
	}

.seccion_obra_grande_invisible {
	display:none;
	}

.seccion_obra_grande_visible {
	display:inline;
	}

#seccion_obra_grande_flechas {
	z-index: 160;
	}

.sec_og_bt_izda {
	position:absolute;
	margin:auto;
	left:25px;
	top:0;
	bottom:0;
	width:40px;
	z-index: 161;
	}

.sec_og_bt_dcha {
	position:absolute;
	margin:auto;
	right:25px;
	top:0;
	bottom:0;
	width:40px;
	z-index: 162;
	}

.sec_og_bt_cer {
	position:absolute;
	margin:auto;
	right:25px;
	top:25px;
	width:30px;
	z-index: 163;
	}

.sec_og_bt_sec {
	position:absolute;
	margin:auto;
	right:13px;
	top:80px;
	width:54px;
	z-index: 164;
	}

.sec_og_bt_cua {
	position:absolute;
	margin:auto;
	right:13px;
	top:130px;
	width:54px;
	z-index: 165;
	}

.sec_og_bt_sca:hover {
	transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	}

/********* PIE DE PAGINA SECCIONES********************/

#sec_ct_foot {
	position: absolute;
	bottom: 5px;
	width: 100%;
	height:20px;
	border: 0px solid;
	}

.sec_foot_tx {
	position:absolute;
	left:20px;
	font-family: verdana;
	font-size: 8pt;
	color: #c0a38e;
	}

/********* MENU DE DE CUADRICULA DE IMAGENES ********************/

#seccion_contenedor_cuadricula {
	display:none	;
	position:absolute;
	margin:auto;
	top:95px;
	bottom:0;
	left:0;
	right:0;
	/*width: calc(100% - 30px);*/
	max-width: 825px;
	/*height:calc(100% - 30px);*/
	text-align:center;
	opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
   	/*transition: opacity .7s ease-in-out;
   		-moz-transition: opacity .7s ease-in-out;
   		-webkit-transition: opacity .7s ease-in-out;
		-o-transition: opacity .7s ease-in-out;*/
	z-index:200;
	border:0px solid;
	}

#seccion_cuadricula_ilustracion {
	display:none;
	}
#seccion_cuadricula_pintura {
	display:none;
	}
#seccion_cuadricula_escultura {
	display:none;
	}
#seccion_cuadricula_fotografia {
	display:none;
	}
#seccion_cuadricula_infografia {
	display:none;
	}

.seccion_cuadricula {
	position:absolute;
	top:0px;
	left:0;
	right:0;
	z-index:201;
	}

.seccion_cuadricula_fondo {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	opacity: .8;
		filter: alpha(opacity=80);
		-moz-opacity:.8;
		background-color:#eeede8;
	border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	box-shadow: 0px 0px 25px #000000;	
		-webkit-box-shadow: 0px 0px 25px #000000;
		-moz-box-shadow: 0px 0px 25px #000000;
	z-index: 199;
	}

.seccion_cuadricula_imagen {
	position:relative;
	width:auto;
	height:100px;
	padding: 5px;
	z-index: 203;
	}

.seccion_cuadricula_boton_cerrar {
	position:absolute;
	margin:auto;
	right:5px;
	top:5px;
	width: 25px;
	z-index: 202;
	}


/********* PANEL SOBRE MI ********************/

#seccion_contenedor_panel_sobre_mi {
	display:none;
	position:absolute;
	margin:auto;
	top:95px;
	left: 365px;
	width: 500px;
	height:auto;
	border:0px solid;
	border-radius: 10px;
		-webkit-border-radius:  10px;
		-moz-border-radius: 10px;
	font-family: verdana;
	font-size: 9pt;
	color: #5a5a5a;
	color: #633614;
	line-height: 16pt;
	z-index: 180;
	}

.seccion_panel_sobre_mi_encabezado {
	font-size: 15pt;
	}

.sec_smi_bold {
	font-weight:bold;
	}

.seccion_panel_sobre_mi_encabezado_imagen {
	width: 40px;
	}

#seccion_contenedor_panel_sobre_mi_flecha_abajo {
	display:none;
	position:fixed;
	bottom:50px;
	right:5px;
	}

#seccion_contenedor_panel_sobre_mi_flecha_abajo img {
	width: 15px;
	}

#seccion_contenedor_panel_sobre_mi_flecha_arriba {
	display:none;
	position:absolute;
	bottom:50px;
	right:-10px;
	width: 15px;
	}

#seccion_contenedor_panel_sobre_mi_flecha_arriba img {
	width: 15px;
	}



/********* INICIO PARA MOVILES ********************/

#inicio_contenedor_movil {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	z-index: 300;
	}

#inicio_img_base_movil {
	position:absolute;
	float:left;
	top:auto;
	bottom:15px;
	left:0px;
	width: 70%;
	/*height:calc(100% - 90px);*/
	border:0px solid;
	}

#inicio_img_base_movil img {
	display: block;
	height:100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border:0px solid;
	}

#inicio_img_entrar_movil {
	position:absolute;
	bottom:0px;
	right:3%;
	width: 27%;
	/*height:calc(100% - 75px);*/
	border:0px solid;
	}

#inicio_img_entrar_movil img {
	display: block;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	max-width: 110px;
	max-height: 100%;
	border:0px solid;
	}

#ini_img_ent_mov_peq {
	display:none;
	position:absolute;
	top:10px;
	left:0px;
	width: 100%;
	z-index:231;
	}

#ini_img_ent_mov_peq img {
	display: block;
	max-height:100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border:0px solid;
	}

#inimv_foot {
	display:none;
	position:absolute;
	width: 100%;
	height: 100%;
	}

#inimv_foot img {
	position:absolute;
	bottom:3px;
	right:3px;
	max-width: 100%;
	max-height: 100%;
	}


/********* MENU PARA MOVILES ********************/

#seccion_contenedor_menu_movil {
	display:none;
	position: fixed;
	float: left;
	top: 5px;
	bottom: 5px;
	left: 5px;
	width: 55px;
	/*height:calc(100% - 10px);*/
	background-color:#eeede8;
	border-radius: 10px;
		-webkit-border-radius:  10px;
		-moz-border-radius: 10px;
	box-shadow: 1px 0px 10px #989898;
		-webkit-box-shadow: 1px 0px 10px #989898;
		-moz-box-shadow: 1px 0px 10px #989898;
	z-index: 190;
	}

.seccion_menu_movil_botones{
	position:relative;
	float:left;
	width: 100%;
	/*height: calc((100%)/5);*/
	height: 20%;
	text-align:center;
	color: #878787;
	z-index: 191;
	}

.seccion_menu_movil_botones img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}

.seccion_menu_movil_botones_normal {
	width: 45px;
	height:auto;
	}


.seccion_menu_movil_botones_grande {
	width: 55px;
	height:auto;
	}

/********* BOTONES ZOOM ********************/

#sec_ct_mv_zoom {
	display:none;
	position: fixed;
	top: 5px;
	right: 5px;
	width: 85px;
	height:45px;
	background-color:#eeede8;
	opacity:.7;
		filter: alpha(opacity=70);
		-moz-opacity:.7;
	border-radius: 5px;
		-webkit-border-radius:  5px;
		-moz-border-radius: 5px;
	box-shadow: 1px 0px 10px #989898;
		-webkit-box-shadow: 1px 0px 10px #989898;
		-moz-box-shadow: 1px 0px 10px #989898;
	z-index: 151;
	}

#bt_mv_zom_out {
	position:relative;
	float:left;
	top:2px;
	left:5px;
	width: 30px;
	z-index: 152;
	}

#bt_mv_zom_in {
	position:relative;
	top:2px;
	left:20px;
	width:30px;
	z-index: 153;
	}

#bt_mv_zom_tx {
	position:relative;
	top:0px;
	text-align:center;
	font-family: verdana;
	font-size: 8pt;
	color: #633614;
	z-index: 154;
	}


/********* MENU DE SECCIONES PARA MOVILES ********************/


#seccion_contenedor_secciones_movil_inicio {
	display:none;
	position:absolute;
	top: 70px;
	left: 170px;
	/*width: calc(100% - 30px);*/
	/*height:calc(100% - 30px);*/
	z-index:350;
	}

#seccion_contenedor_secciones_movil {
	display:none;
	position:absolute;
	top: 70px;
	left: 170px;
	/*width: calc(100% - 65px);*/
	/*height:calc(100% - 30px);*/
	z-index:350;
	}

.seccion_secciones_movil_fondo {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	opacity: .9;
		filter: alpha(opacity=90);
		-moz-opacity:.9;
	background-color:#eeede8;
	border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	box-shadow: 0px 0px 15px #000000;
		-webkit-box-shadow: 0px 0px 15px #000000;
		-moz-box-shadow: 0px 0px 15px #000000;
	z-index: 351;
	}

.seccion_secciones_movil_logo {
	display:block;
	position:relative;
	float:left;
	width: 15%;
	height: 100%;
	font-family: verdana;
	font-size: 9pt;
	text-decoration: none;
	color: #878787;
	text-align:left;
	border: 1px solid;
	border-width: 0 0 0px 0;
	box-sizing: border-box;         /* Opera/IE 8+ */
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	z-index: 352;
	}

.seccion_secciones_movil_logo img {
	position:absolute;
	border:0px solid;
	margin:auto;
	top:auto;
	bottom:0;
	left:0;
	right:0;
	max-height:95%;
	width: 85%;
	border-radius: 10px;
		-webkit-border-radius:  10px;
		-moz-border-radius: 10px;
	}

.seccion_secciones_movil_botones {
	display:block;
	position:relative;
	float:left;
	/*width: calc((85%)/4);*/
	width: 21.25%;
	/*height: calc((100%)/3);*/
	height: 33.33%;
	text-align:left;
	border: 0px solid;
	box-sizing: border-box;         /* Opera/IE 8+ */
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	z-index: 353;
	}

.seccion_secciones_movil_botones img {
	position:absolute;
	border:0px solid;
	margin:auto;
	top:0;
	bottom:0;
	left:0px;
	height:75%;
	border-radius: 10px;
		-webkit-border-radius:  10px;
		-moz-border-radius: 10px;
	box-shadow: 1px 0px 10px #989898;
		-webkit-box-shadow: 1px 0px 10px #989898;
		-moz-box-shadow: 1px 0px 10px #989898;
	}

.seccion_secciones_movil_botones p {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:5%;
	right:0;
	height:20%;
	font-family: verdana;
	font-size: 9pt;
	text-decoration: none;
	color: #878787;
	}

.seccion_secciones_movil_botones a {
	text-decoration: none;
	}

.seccion_secciones_movil_botones_seleccionado {
	display:block;
	position:relative;
	float:left;
	/*width: calc((85%)/4);*/
	width: 21.25%;
	/*height: calc((100%)/3);*/
	height: 33.33%;
	text-align:left;
	z-index: 354;
	}

.seccion_secciones_movil_botones_seleccionado p {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:5%;
	right:0;
	height:20%;
	font-family: verdana;
	font-size: 9pt;
	font-weight:bold;
	text-decoration: none;
	color: #090909;
	}

.seccion_secciones_movil_botones_seleccionado a {
	text-decoration: none;
	}


/********* CLASES TABLETAS EN HORIZONTAL ********************/

	.seccion_contenedor_obra_normal_th {
		position:absolute;
		margin:auto;
		top:0;
		bottom:0px;
		left:60px;
		right:0;
		}

/********* CLASES TABLETAS EN VERTICAL ********************/

	.seccion_contenedor_obra_normal_tv {
		position:absolute;
		margin:auto;
		top:0;
		bottom:60px;
		left:0;
		right:0;
		}

/********* MEDIA QUERIES ********************/




/********* TABLETAS EN VERTICAL ********************/

@media screen and (max-width:850px) and (orientation:portrait) {

/**** PARA INICIO ****/

	#inicio_contenedor {
		top:25%;
		}

	#inicio_texto {
		top:15%;
		}
	
	.inicio_contenedor_secciones {
		display:none;
		}

	.inicio_img_base {
		min-width:0px;
		}

	.inicio_img_base_horizontal{
		display:none;
		}

	.inicio_img_base_vertical{
		display:inline;
		}

	.inicio_img_base_vertical img{
		max-width: 95%;
		}

	.inicio_menu {
		/*width: calc((100% - 1px) / 3);*/
		width: 33.3%;
		height:50px;
		top:50px;
		}

	.inicio_menu a {
		font-size: 18pt;
		text-decoration: underline;
		}

/**** PARA SECCIONES ****/

	#seccion_contenedor_cabecera {
		display: none;
		}

	#seccion_contenedor_menu {
		display: none;
		}

	#sec_ct_foot {
		display: none;
		}

	#sec_ct_cinf {
		display: none;
		}

	#seccion_contenedor_texto {
		display:none;
		position: absolute;
		margin-left:0px;
		top: auto;
		bottom: 75px;
		left: 15px;
		/*width: calc(100% - 30px);*/
		/*height: calc(100% - 80px);*/
		opacity: .9;
			filter: alpha(opacity=90);
			-moz-opacity:.9;
		z-index:170;
		}

	#seccion_texto {
		font-size: 12pt;
		bottom: 0px;
		-webkit-box-shadow: 0px 0px 15px #000000;
			-moz-box-shadow: 0px 0px 15px #000000;
			box-shadow: 0px 0px 15px #000000;
		}

	#seccion_contenedor_cuadricula {
		left:0px;
		top:0px;
		/*width: calc(100% - 40px);*/
		/*height:calc(100% - 105px);*/
		}

	.seccion_cuadricula {
		top:0px;
		}

	.seccion_cuadricula_imagen {
		height:100px;
		padding: 5px;
		}

	#seccion_contenedor_menu_movil {
		display:inline;
		top:auto;
		bottom:5px;
		/*width: calc(100% - 10px);*/
		height:60px;
		}

	.seccion_menu_movil_botones {
		width: 20%;
		height: 100%;
		}

	.seccion_menu_movil_botones_normal {
		width: 45px;
		height:auto;
		}

	.seccion_menu_movil_botones_grande {
		width: 55px;
		height:auto;
		}

	#seccion_contenedor_secciones_movil_inicio {
		top: 70px;
		left: 110px;
		/*width: calc(100% - 220px);*/
		/*height:calc(100% - 200px);*/
		}

	#seccion_contenedor_secciones_movil {
		top: 70px;
		left: 110px;
		/*width: calc(100% - 220px);*/
		/*height:calc(100% - 200px);*/
		}

	.seccion_secciones_movil_logo {
		width: 25%;
		height: 100%;
		}

	.seccion_secciones_movil_botones {
		width: 37.5%;
		height: 16.6%;
		font-size: 12pt;
		}

	.seccion_secciones_movil_botones img {
		left:10px;
		height:85%;
		}

	.seccion_secciones_movil_botones_seleccionado {
		width: 37.5%;
		height: 16.6%;
		font-size: 12pt;
		}

	#seccion_contenedor_panel_sobre_mi {
		top:200px;
		left: 120px;
		/*width: calc(100% - 30px);*/
		height:auto;
		}

	#cargador {
		top: 0px;
		left: 0px;
		}

	}

@media screen and (max-width:750px) and (orientation:portrait) {

/**** PARA INICIO ****/
	
	#inicio_texto {
		width:595px;
		height:60px;
		}
	}

/********* MOVILES ********************/


@media screen and (max-width:640px) and (orientation:landscape)	{

/**** PARA INICIO ****/

	#inicio_contenedor {
		display:none;
		}

	#inicio_texto {
		top:15px;
		width:440px;
		height:60px;
		}

	#inicio_texto p {
		font-size: 17pt;
		line-height: 0.8;
		}	

	.inicio_contenedor_secciones {
		display:none;
		}

	#inicio_contenedor_movil {
		display:inline;
		}

	#ini_ct_foot {
		bottom: 0px;
		height:15px;
		}

/**** PARA SECCIONES ****/

	#seccion_contenedor_cabecera {
		display: none;
		}

	#seccion_contenedor_menu {
		display: none;
		}

	#sec_ct_foot {
		display: none;
		}

	#sec_ct_cinf {
		display: none;
		}

	#seccion_contenedor_texto {
		display:none;
		position: absolute;
		margin-left:0px;
		top: 20px;
		bottom: auto;
		left: 60px;
		/*width: calc(100% - 75px);*/
		/*height: calc(100% - 30px);*/
		border:0px solid;
		opacity: .9;
			filter: alpha(opacity=90);
			-moz-opacity:.9;
		z-index:170;
		}

	#seccion_texto {
		bottom: 0px;
		border:0px solid #5a5a5a;
		-webkit-box-shadow: 0px 0px 15px #000000;
		-moz-box-shadow: 0px 0px 15px #000000;
		box-shadow: 0px 0px 15px #000000;
		}

	#cargador {
		top: 0px;
		left: 45px;
		}

	.seccion_contenedor_obra_normal {
		position:absolute;
		margin:auto;
		top:0;
		bottom:0;
		left:45px;
		right:0;
		/*width: calc(100% - 50px);*/
		/*height: calc(100% - 5px);*/
		}

	#seccion_contenedor_cuadricula {
		top:0px;
		left:45px;
		/*width: calc(100% - 85px);*/
		/*height:calc(100% - 40px);*/
		}

	.seccion_cuadricula {
		top:0px;
		}

	.seccion_cuadricula_imagen {
		height:60px;
		padding: 4px;
		}

	#seccion_contenedor_panel_sobre_mi {
		top:10px;
		left: 60px;
		/*width: calc(100% - 75px);*/
		height:auto;
		font-size: 8pt;
		line-height: 8pt;
		}

	.seccion_panel_sobre_mi_encabezado {
		font-size: 9pt;
		font-weight:bold;
		}

	#seccion_contenedor_menu_movil {
		display:inline;
		}

	.seccion_menu_movil_botones_normal {
		height:35px;
		max-height:100%;
		width: auto;
		}

	.seccion_menu_movil_botones_grande {
		height:47px;
		max-height:100%;
		width: auto;
		}

	#sec_ct_mv_zoom {
		display:inline;
		}

	#seccion_contenedor_secciones_movil_inicio {
		top: 15px;
		left: 15px;
		}

	#seccion_contenedor_secciones_movil {
		top: 15px;
		left: 55px;
		}
	}


@media screen and (max-width:360px) and (orientation:portrait) {

/**** PARA INICIO ****/

	#inicio_contenedor {
		display:none;
		}

	#inicio_texto p {
		font-size: 17pt;
		line-height: 0.8;
		}	

	.inicio_contenedor_secciones {
		display:none;
		}

	#inicio_contenedor_movil {
		display:inline;
		}

	#inicio_texto {
		top:5%;
		width:260px;
		height:100px;
		}

	#inicio_img_base_movil {
		/*top:calc(5% + 115px);*/
		bottom:auto;
		width: 100%;
		height:auto;
		}

	#inicio_img_base_movil img {
		width:100%;
		height:auto;
		}

	#inicio_img_entrar_movil {
		width: 100%;
		height:40px;
		bottom:30px;
		right:0px;
		}

	#inicio_img_entrar_movil img {
		width: auto;
		max-width: 100%;
		height: 100%;
		}

	#ini_ct_foot {
		height:15px;
		}

/**** PARA SECCIONES ****/

	#seccion_contenedor_cabecera {
		display: none;
		}

	#seccion_contenedor_menu {
		display: none;
		}

	#sec_ct_foot {
		display: none;
		}

	#sec_ct_cinf {
		display: none;
		}

	#seccion_contenedor_texto {
		display:none;
		position: absolute;
		margin-left:0px;
		top: auto;
		bottom: 70px;
		left: 15px;
		/*width: calc(100% - 30px);*/
		/*height: calc(100% - 80px);*/
		opacity: .9;
			filter: alpha(opacity=90);
			-moz-opacity:.9;
		z-index:170;
		}

	#seccion_texto {
		bottom: 0px;
		border:0px solid #5a5a5a;
		-webkit-box-shadow: 0px 0px 15px #000000;
		-moz-box-shadow: 0px 0px 15px #000000;
		box-shadow: 0px 0px 15px #000000;
		font-size: 9pt;
		}

	#cargador {
		top: 0px;
		left: 0px;
		}

	.seccion_contenedor_obra_normal {
		position:absolute;
		margin:auto;
		top:0;
		bottom:55px;
		left:0;
		right:0;
		/*width: calc(100% - 5px);*/
		/*height: calc(100% - 55px);*/
		}

	#seccion_contenedor_cuadricula {
		top:0px;
		left:0px;
		bottom:40px;
		/*width: calc(100% - 40px);*/
		/*height:calc(100% - 85px);*/
		}

	.seccion_cuadricula {
		top:0px;
		}

	.seccion_cuadricula_imagen {
		height:60px;
		padding: 4px;
		}

	#seccion_contenedor_menu_movil {
		display:inline;
		top:auto;
		bottom:5px;
		/*width: calc(100% - 10px);*/
		height:50px;
		}

	.seccion_menu_movil_botones {
		/*width: calc((100%)/5);*/
		width: 20%;
		height: 100%;
		}

	.seccion_menu_movil_botones_normal {
		width: 30px;
		max-width: 100%;
		height:auto;
		}

	.seccion_menu_movil_botones_grande {
		width: 40px;
		max-width: 100%;
		height:auto;
		}

	#sec_ct_mv_zoom {
		display:inline;
		}

	#seccion_contenedor_secciones_movil_inicio {
		top: 15px;
		left: 15px;
		/*width: calc(100% - 30px);*/
		/*height:calc(100% - 30px);*/
		}

	#seccion_contenedor_secciones_movil {
		top: 15px;
		left: 15px;
		/*width: calc(100% - 30px);*/
		/*height:calc(100% - 85px);*/
		}

	.seccion_secciones_movil_logo {
		width: 25%;
		height: 100%;
		}

	.seccion_secciones_movil_botones {
		/*width: calc((75%)/2);*/
		width: 37.5%;
		/*height: calc((100%)/6);*/
		height: 16.66%;
		font-size: 9pt;
		}

	.seccion_secciones_movil_botones img {
		left:10px;
		height:85%;
		}

	.seccion_secciones_movil_botones_seleccionado {
		/*width: calc((75%)/2);*/
		width: 37.5%;
		/*height: calc((100%)/6);*/
		height: 16.66%;
		font-size: 9pt;
		}

	#seccion_contenedor_panel_sobre_mi {
		top:10px;
		left: 15px;
		/*width: calc(100% - 30px);*/
		height:auto;
		font-size: 8pt;
		line-height: 8pt;
		}

	.seccion_panel_sobre_mi_encabezado {
		font-size: 9pt;
		font-weight:bold;
		}
	}