@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'modern_no._20regular';
    src: url('../../fonts/Modern No. 20-webfont.eot');
    src: url('../../Modern No. 20-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Modern No. 20-webfont.woff2') format('woff2'),
         url('../../Modern No. 20-webfont.woff') format('woff'),
         url('../../Modern No. 20-webfont.ttf') format('truetype'),
         url('../../Modern No. 20-webfont.svg#modern_no._20regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Bootstrap modificado */
body
{
	color:#5d5d5b;
	font-family: 'modern_no._20regular';
	font-size:14px;
}

h1, .h1
{
	font-size:1.5em;
	margin-bottom:1px;
}

h2, .h2
{
	font-size:1.5em;
	color:#999;
	margin:0 0 10px 0;
	padding-left:10%;
}

h3, h4
{
	color:#5d5d5b;
}

a
{
	color:#5d5d5b;
}

a:hover
{
	color:#333;
}

header, header a
{
	color:#5d5d5b !important;
	text-decoration:none;
}

header a:hover
{
	color:#333 !important;
	text-decoration:none;
}


.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img
{
	width:100%;
}

.thumbnail
{
	display:inline-block;
	width:20%;
	max-width:198px;
	border-color:#ffffff;
	margin-bottom:5px;
}

.thumbnail > img
{
	max-height:100px;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail:active,
#capamovil a.sel
{
	border-color:#959595;
}


/* Estilos propios */
#mainwrap
{
	margin-bottom:20px;
}

#idiomas{
	float: right;
	margin-right:10px;
	list-style:none;
}

#idiomas a{
	color:#5d5d5b;
}


#idiomas .sel{
	color:#ccc !important;
}

#idiomas li{
	float: left;
	margin-right: 5px;
}

.fondo-gris
{
	background-color:#959595;
	color:#ffffff;
	padding:10px;
}

.fondo-grisclaro
{
	background-color:#dedede;
	color:#333333;
}

.fondo-blanco
{
	background-color:#ffffff;
}

.caja
{
	padding:5px;
	margin:2px;
}

.caja-materiales
{
	height:407px;
}

.con-borde
{
	border:solid 1px #ffffff;
}

.con-margentop
{
	 margin-top:30px;
}

.campo
{
	background:none;
	border:none;
	border-bottom:dashed 1px #ffffff;
	width:100%;
}

.boton
{
	background-color:#afafaf;
	border:solid 1px #ffffff;
	color:#ffffff;
	width:100%;
	max-width:200px;
	padding:5%;
	margin:0 auto 5px;
}

.boton:hover
{
	background-color:#dedede;
	color:#333333;
}

#nombre_ambiente,
#nombre_material
{
	font-size:1.5em;
}

#seleccion
{
	max-height:407px;
}

.caja-thumb
{
	width:90%;
}

#lista-materiales
{
	list-style:square; 
	padding-left:15px;
}

#lista-materiales a.sel
{
	font-weight:bold;
}

#lista-materiales ul
{
	list-style:none;
	padding-left:10px;
}

#capamovil
{
	position:absolute;
	left:0px;
	text-align:left;
	width:1000%;
}

#capamovil .thumbnail, 
#lista-materiales a
{
	cursor:pointer;
}

.chicha
{
	display:block;
	float:left; 
	clear: none; 
	width:100%;
	height:140px;
	padding:10px 0;
	overflow:hidden;
	position:relative;
}

.flecha
{
	margin:5% auto;
	color:#ffffff;
	width:5%;
}

.flecha span
{
	cursor:pointer;
	color:#ffffff;
}

#form_enviar
{
	display:none;
	background-color:#ffffff;
	width:96%;
	height:96%;
	max-height:400px;
	min-height:370px;
	padding:2%;
}

#form_enviar label
{
	color:#5d5d5b;
}

.imgoculta
{
	height:0;
}

.oculto
{
	display:none;
}


/* Landscape phones and down */
@media screen and (max-width: 480px)
{
	h1, .h1
	{
		font-size:1.1em;
	}
	
	h2, .h2
	{
		font-size:1.0em;
	}
	
	.caja-materiales
	{
		height:auto;
	}
	
	.caja-thumb
	{
		width:76%;
	}
	
	.chicha
	{
		height:100px;
	}
	
	.thumbnail
	{
		width:50%;
		max-width:90px;
	}
	
	#form_enviar
	{
		height:auto;
		max-height:400px;
		min-height:250px;
	}
	
}