body{
	background-color:#fff;
}


.hidden{ display: none;}
#main{
	position:absolute;
	width:790px;
	height:500px;
	left:50%;
	top:50%;
	margin:-250px 0 0 -375px;
			font-family:"Verdana", sans-serif;

	color:#686868;
}

 #descripcion3 ul{ list-style:disc; padding-left: 20px;}
 #descripcion3 li{ list-style:disc;}
#home #main {  margin: -215px 0 0 -375px;}
#descripcion3 div p { margin-bottom: 10px;}
#menu, #submenu { width: 505px;}

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



#home #main {      margin: 20px auto 10px auto !important;}

body

.fancybox-nav {

    width: 40px;
}

 #main{

  left: 0;
      margin: 0 auto 10px;
    position: relative;
    top: 0;

	}

}

a.map, .scat a, .submap a { color: #686868 !important;}
#ilogin { position: fixed; display: block; z-index: 9999; width: 100px; height: 25px; top: 0px; right: 0px;}
	/* Menu superior */

#fix { width: 752px; height: 500px;}
.linki {    display: block;
    height: 100%;
    position: absolute;
    width: 100%; z-index: 1; line-height: 10px; text-align: center;}

	#menu_superior{
			font-family:"Arial", sans-serif;
			font-weight: bold;
		float:left;
		width:790px;
		height:85px;
	}

#html	#menu_superior{

		width: auto;
		max-width:790px;
		height:auto;
	}


	#menu_superior h1{
    color: #C0C0C0;
    float: left;
    font-size: 38px;
    font-weight: bold;
    height: 85px;
    letter-spacing: -4px;
    line-height: 98px;
    margin-right: 14px;
    padding: 0;
    text-decoration: none;
	}

#contents #menu li #menu2 li a  { font-size: 14px;  font-weight: bold;}
#contents #menu li #menu2 li.submap  a{  font-size: 9px; }
#menu2 { display: block;width: 100%;}

#logog{  width: 84px; display: block; height: 24px; overflow: hidden; background: url("../images/grader-gris.png") no-repeat scroll 0 0 transparent;}
#logoc { width: 84px; display: block; height: 24px; text-indent: -99999px;  display: none;}
.mpcont {float:left; width:250px;padding-bottom: 10px;}

.mapli {    display: block; position: relative;
    margin-bottom: 5px;
    width: 100%;}
	 #menu,  #submenu{
		float:left;
		/*width:460px;    Es modificador por js segun el ancho del h1      */
		list-style:none;
		padding:0;
		margin:0;
	}
	 #menu{
		margin-top:30px;
	}
	 #menu li,  #submenu li{
		float:left;
	}
	#menu li{
		margin:-5px 2px 2px 2px;
	}
	#submenu li{
		margin:-2px 2px 2px 2px;
	}
	a, #submenu li a{
		text-decoration:none;
		color:#B3B3B3;
		font-stretch:semi-expanded;
	}

	#cuadricula li a {  display: block;
position: relative; z-index: 12;}
	/*#cuadricula li a img {position: absolute; z-index: 15;     max-height: inherit !important;
    max-width: inherit !important;} */


	#carousel li a, #cuadricula.galeriagrande li a {  display: block;
position: relative; z-index: 12;}




	#carousel li a img {  max-height: inherit !important;
    max-width: inherit !important;}



	a:hover, #submenu li a:hover, #menu li a.seleccionado, #submenu li a.seleccionado{
		text-decoration:none;
		color:#686868;
	}


	 #menu{
		font-size:14px;
		font-weight:bold;
	}
	#submenu{
		font-size:9px;
		font-weight:bold;
	}


	/* Contenido */

	#contents{  background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    height: 345px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 25px 0 10px 15px;
    width: 763px;
	}

.content1{ float: none; border:#E6E6E6 solid 1px;width:785px; position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -392px; height: 400px;}

		#contents #menu{
			margin-top:20px;
		}
		#contents #menu li{
			margin-top:-10px;
			padding:0px;
		}
		#contents #menu li a{
			font-size:30px;
			font-weight:bold;
			opacity:0.3;
			filter: alpha(opacity = 30);
			font-family:"Arial", sans-serif;
			font-weight: bold;
		}
		/*#contents #menu li a:hover{
			color:#C0C0C0;
			-webkit-transition: all 0.5s ease;
		}*/
		#contents article{
			display:block;
			float:left;
			width:680px;
			/*height:255px;*/
			overflow:hidden;
			text-align:justify;
		}



	/* Menu inferior */
	footer{
		float:left;
		width:745px;
		padding:3px 0px 0px 15px;
	}
	footer{
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:#B3B3B3;
		margin:5px;
	}
	footer a:hover{
		color:#686868;
	}


	/* Secciones */

.sepn {

    bottom: 120px;
    display: block;
    height: 1px;
    left: 15px;
    position: absolute;
    width: 350px;
    z-index: 12;

}

#fotos { bottom: 60px;   position: absolute;}

	#fotos, #cuadricula{

    display: block;

    width: 100%;
	}

.limite	#carousel, #cuadricula.galeriagrande{    border: 0 none;
    left: 15px;   max-height: 135px !important;
    position: relative;
    top: 7px;
	}





	#fotos li, #cuadricula li {
		float:left;
		margin:10px 20px 10px 0px;
	}
	#fotos li img:hover{
		opacity:0.5;
	}



	.limite{    height: 200px; float: left;
    margin-top: 10px;
    overflow: hidden;

         width: 752px;
	}

#resemanueva {     bottom: 45px;
    color: #B3B3B3;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    position: absolute;
    width: 700px;
    z-index: 3; left: 15px;}

#contents #menu li a.map { font-size: 21px; }
#contents #menu li.scat a{ font-size: 12px;  }
#contents #menu li.scat { float: none; margin-top: -5px;}
#contents #menu li.submap a { font-size: 9px;}
#contents #menu li.submap{    float: none;
    margin-top: -4px;
    padding-left: 15px;}

	#contents #menu li.cat a:hover,  #contents #menu li.cat:hover a { color: #B3B3B3; text-decoration: underline; opacity: .3 !important;}



		#contents #menu li.cat{ float: none;}

    .espaciomp {display: block; height: 15px; display: none;}
/*.submap { position: absolute;display: block; z-index: 1; left: 0px;}*/

	.minid { position: absolute; z-index: 12; top: -14px;}
	.minimx {     color: #B3B3B3 !important;
    height: 34px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    width: 165px;
    z-index: 12;}
.minimx strong {color:#686868; text-transform: uppercase; font-size: 12px !important;}

#mix #carousel li {
    margin: 5px 4px 45px 5px;
    padding: 3px;
}

#cuadricula.galeriagrande li {
    margin: 5px 4px 45px 5px;
    padding: 3px;
}


	.more_up, .more_down{
		display:block;
		float:left;
		width:752px; text-align: center;
		height:11px;
		overflow: hidden;
	}
	footer a { font-weight: bold;}

	#fotos img { border: 1px solid #E6E6E6;}

	.more_up img, .more_down img{
		cursor:pointer;
		display:none;
	}

	#cuadricula{   margin-left: 15px;
    position: relative;
    top: 7px;
    width: 720px;
	}

	#carousel{
		width:720px;
		margin-left:-5px;
	}



	#cuadricula li{
		padding:3px;
		-webkit-transition: all 3s ease;
		margin:0 2px 10px 0;
	}

	#cuadricula li:hover{
		/*background-color:#C0C0C0;*/
		-webkit-transition: all 0.2s ease;

	}


	/* Elastislide Style */

.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
	position: relative;

	margin: 0 auto;
	min-height: 60px;

}



.elastislide-horizontal {
	/*padding: 10px 40px;*/     height: 140px;
    width: 731px;
}

.elastislide-vertical {
	padding: 40px 10px;
}

.elastislide-carousel {
    overflow: hidden;
    padding: 0 5px; height: 140px;
    position: relative;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li { float: none !important;
	height: 100%;
	display: inline-block;
}

.elastislide-vertical ul li {
	display: block;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.elastislide-carousel ul li a img {
	display: block;
	border: 2px solid white;
	max-width: 100%;
}

/* Navigation Arrows */

.elastislide-wrapper nav span {
	position: absolute;

	width: 10px;
	height: 14px;

	text-indent: -9000px;
	cursor: pointer;

}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}


.elastislide-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {

    background: url("../images/more_right.gif") no-repeat scroll 0 0 transparent;
    left: auto;
    right: -10px;
    top: 52px;
}

.elastislide-horizontal nav span.elastislide-prev {

    background: url("../images/more_left.gif") no-repeat scroll 0 0 transparent;
    left: auto;
    left: -11px;
    top: 52px;
}

.elastislide-vertical nav span.elastislide-next {
	bottom: 10px;
	top: auto;
	background-position: -17px -18px;
}

	#cuadricula li img:hover{
		border:#999 solid 1px;
	}

	#cuadricula li img{
		border:#E6E6E6 solid 1px;
	}

	#cuadricula li div{
		position:absolute;
		margin-top:-38px;
	}
	#cuadricula li:hover > div{
		color:#000;
	}



	#cliente, #cliente #foto, #cliente #detalle{     height: 150px;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    width: 150px;

	}

	#cliente{
		padding:0px 0px 0px 0px;
		margin-bottom:10px;
		width:100%;
	}
	#iconos { float: left; display: block;  height: 50px;}
	#cliente #foto{
   font-size: 11px;
   position: absolute; z-index: 1; left: 0px; top: 0px;
	}


	#cliente #detalle{
		padding-left:160px;
		width:505px;
		font-size:11px;
	}



	#iconos li{
		float:left;
		margin:10px;
	}
	#iconos li .detalle{
		width:80px;
		position:absolute;
		margin:5px 0px 0px -35px;
		padding:3px;
		background:url(../images/tooltip.jpg);
		color:#ddd;
		font-size:10px;
		text-align:center;
		border-radius: 5px 5px 5px 5px;
		-ms-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-khtml-border-radius: 5px 5px 5px 5px;
		display:none;
	}
	#iconos li:hover > .detalle{
		display:block;
	}



	/* HTML -> Abrir ventana lightbox */
	#html{

		padding:20px;
		font-family:Verdana, Geneva, sans-serif;
		color:#686868;
		font-size:11px;
			max-width:790px;
	}
	#html #contenido{
		display:block;
		width:700px;
		height:300px;
		overflow: auto;
	}
	/* bajamos el tamaño del detalle para los lightbox */
	#html #cliente #detalle{
		width:250px;
	}


	/* Iconos de comando */
	#comandos{
		position:absolute;
		right:10px;
		bottom:10px;
		width:210;
		-moz-box-shadow: 0 0 10px #666;
		-webkit-box-shadow: 0 0 10px #666;
		-goog-ms-box-shadow: 0 0 10px #666;
		box-shadow: 0 0 10px #666;
		border-radius: 5px 5px 5px 5px;
		-ms-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-khtml-border-radius: 5px 5px 5px 5px;
	}
	#comandos li{
		float:left;
		background:url(../images/comandos.jpg);
		border:#999 outset 1px;
	}
	#comandos li:first-child{
		border-radius: 5px 0px 0px 5px;
		-ms-border-radius: 5px 0px 0px 5px;
		-moz-border-radius: 5px 0px 0px 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
		-khtml-border-radius: 5px 0px 0px 5px;
	}
	#comandos li:last-child{
		border-radius: 0px 5px 5px 0px;
		-ms-border-radius: 0px 5px 5px 0px;
		-moz-border-radius: 0px 5px 5px 0px;
		-webkit-border-radius: 0px 5px 5px 0px;
		-khtml-border-radius: 0px 5px 5px 0px;
	}
	#comandos li.ampliar{
		background-position:0px 0px;
	}
	#comandos li.horizontal{
		background-position:-35px 0px;
	}
	#comandos li.zoom_menos{
		background-position:-70px 0px;
	}
	#comandos li.zoom_mas{
		background-position:-105px 0px;
	}
	#comandos li.guardar{
		background-position:-140px 0px;
	}
	#comandos li.imprimir{
		background-position:-175px 0px;
	}


	input, textarea{
		border:#CCC solid 1px;
		padding:7px;
		font-size:10px;
		color:#999999;
		margin:0px 5px 5px 0px;
	}
	input[type=text]{
		width:215px;
	}
	input[type=button], input[type=submit], input[type=reset]{
		background-color:#FFFFFF;
		border:0px;
		font-weight:bold;
		cursor:pointer;
	}
	textarea{
		width:455px;
		height:60px;
		border:#FFFFFF solid 1px;
		margin-top:10px;
		resize:none;
	}
	.formulario{
		width:480px;
		margin:20px 0px 0px 30px;
	}



/* Estructuras universales */
.reseña{
	position:absolute;
	width:700px;
	text-align:left;
	top:380px;
	left: 10px;
}

.more_up .flecha { margin-top: -12px;}
.more_down .flecha { margin-top: -10px;}
.more_down {    border-top: 1px solid #E6E6E6;
    margin-top: 10px;

}

.zomm { position: relative;}

.more_up {    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 5px;

}
#muestro_mas #vermas {bottom: 125px;}
#vermas{
    bottom: 50px;
    clear: both;
    height: 20px;
    left: 20px;
    line-height: 20px;
    position: absolute;
    width: 100px;
    z-index: 10;
}
.mapa{
	font-size:1.2em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin-top:10px;
	color:#000000;
}
.skip{
	position:absolute;
	margin:380px 0 0 725px;
	opacity:0.7;
	filter: alpha(opacity = 70);
}
.limite{
	float:left;
}
#leyenda{
    color: #666666;
     width: 752px; overflow: visible;

    font-size: 11px;
    font-weight: bold;
    margin-left: -10px;
    padding: 30px 0 0;
}

.lista{
	width:400px;
	margin-top:25px;
	text-transform: uppercase;
}
.lista a{
	font-weight: bold;
	font-size: 10px;
	-webkit-transition: all 1s ease;
}
.lista a.activee{
color:#686868;
}


.lista a:hover{
	-webkit-transition: all 0.2s ease;
}
.cargando{
	display:none;
}
#caso_header{
	display:block;
	float:left;
	width:508px;
	background-color:#F00;
}

#status{
	position:absolute;
	width:200px;
	padding:5px;
	margin-left:530px;
	margin-top:20px;
	text-align:center;
}

.resena_bd span{
	display:block;
	font-size:10px;
}
.resena_bd:hover span{
	color:#000000;
}



/* Universal */
.izquierda{
	float:left;
}
.derecha{
	float:right;
}
.inferior{
	margin-top:100px;
	position:absolute;
}
.clear{
	clear:both;
}
.gris_claro{
	color:#E7E7E7;
}
.gris_oscuro{
	color:#C0C0C0;
}
.gris_muyoscuro{
	color:#999;
}
.negro{
	color:#000;
}
.font_10{
	font-size:10px;
}
.font_11{
	font-size:11px;
}
.font_12{
	font-size:12px;
}
#logo{
	float:left;
	margin:70px 0px 0px 250px;
}
.verdana{
	font-family:Verdana, Geneva, sans-serif;
}
.gothic{
	font-family:"Arial",sans-serif; font-weight: bold;
}
p{
	font-size:13px;
}