@charset "UTF-8";


/*
CSS 
NOVEMBRO S.L.
2009/04/01

COLORES
ROJO / rgb(172,13,13)
VERDE / rgb(96,107,45)

GENERALES
----------------------------------------------- */
@font-face {
	font-family: 'DsignesBoldRegular';
	src: url('http://mdin.es/media/fonts/DsignesBold/dsignesbold-webfont.eot');
	src: local('☺'), url('http://mdin.es/media/fonts/DsignesBold/dsignesbold-webfont.woff') format('woff'), url('http://mdin.es/media/fonts/DsignesBold/dsignesbold-webfont.ttf') format('truetype'), url('http://mdin.es/media/fonts/DsignesBold/dsignesbold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}
	
@font-face {
	font-family: 'DsignesRegularRegular';
	src: url('http://mdin.es/media/fonts/DsignesRegular/dsignesregular-webfont.eot');
	src: local('☺'), url('http://mdin.es/media/fonts/DsignesRegular/dsignesregular-webfont.woff') format('woff'), url('http://mdin.es/media/fonts/DsignesRegular/dsignesregular-webfont.ttf') format('truetype'), url('http://mdin.es/media/fonts/DsignesRegular/dsignesregular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'DsignesLightRegular'; src: url('http://mdin.es/media/fonts/DsignesLight/dsigneslight.eot'); 
	src: local('Dsignes Light'), local('DsignesLight'), url('http://mdin.es/media/fonts/DsignesLight/dsigneslight.woff') 
	format('woff'), url('http://mdin.es/media/fonts/DsignesLight/dsigneslight.ttf') format('truetype');}
	
	
@font-face {
	font-family: 'fuente_simbolos_madeinMedium';
	src: url('http://mdin.es/media/fonts/simbolos/fuente_simbolos.eot');
	src: local('☺'), url('http://mdin.es/media/fonts/simbolos/fuente_simbolos.woff') format('woff'), url('http://mdin.es/media/fonts/simbolos/fuente_simbolos.ttf') format('truetype'), url('http://mdin.es/media/fonts/simbolos/fuente_simbolos.svg#fuente_simbolos_madein') format('svg');
}


* {padding: 0px;margin: 0px; border:none;}
html, body {font: 14px   'DsignesRegularRegular',sans-serif;color:white/*#161B16 rgb(96,107,45)*/;
	height: 100%;width:100%;overflow-x:hidden;}

/*html, body {background: url(http://mdin.es/media/comun/fondo.jpg) ;}*/
body {background-color: rgb(96,107,45);}

ul {list-style: none;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}


/* ESTRUCTURA
----------------------------------------------- */
#raster {position:relative;z-index: 500;width:100%;height: 100%;background: url(http://mdin.es/media/comun/raster-puntos.png) fixed;}
#wrap {float:left;width:100%;height: 100%;}

#cabecera {width: 100%;}

#logo {margin:20px 20px;width: 500px;}

.nav-portada {}

.abs {position:absolute;}

.fl-left {float:left;}
.fl-right {float:right;}

.cl {clear: both;}


.img-border {}

/* LINKS
----------------------------------------------- */

a {color:white;text-decoration: none;background-image: none;}
a:hover {color:red;}
a.activo {color: rgb(207,205,164);}
a.js-activo {color:red;}


/* MENU
----------------------------------------------- */



#menu {float: left;clear: left;margin: 0px 20px 20px 0px;padding-left:20px;font-family: 'DsignesRegularRegular', Sans-serif;}
.menu {color:white;float:left;clear:both;font-size: 20px; text-transform: uppercase;margin: 0 0px 0 0;}
.menu a {margin: 0px;float: left;clear:both;width: 125px;} /* ie 7 */
.menu a.activo {}

.sub-menu {font-size: 0.6em;margin: 0px;margin: 0px;width: 125px;}
.sub-menu a {float: left;width:125px;clear:none;font-family: 'DsignesRegularRegular', Sans-serif;line-height: 1.25em;}
.sub-menu a.ultimo {padding-bottom: 3px;}
.sub-menu a.activo {}
.sub-menu a:hover {}

.nav-principal {}

#language {float:left;clear: both;}
#language * {float:none !important;}

/* CONTENIDOS GENERALES
----------------------------------------------- */

#home {float: left;color: white;margin: 0 0 0 20px;font-size: 18px;font-family:'DsignesLightRegular',Trebuchet MS;}
#home p,#home span, #home ul {width:380px;margin: 0 0 15px 0;padding: 0 0 0 3px;text-decoration:none;}
#home li {}

a.imgNum {font-size: 20px;margin:0px 7px 15px 0;float: left;width: auto !important;} /* para todos */
a.imgSim {font-size: 20px;margin:0px 10px 15px 0;float: left;width: auto !important;}


/* PROYECTOS
----------------------------------------------- */
#proyecto {float: left;width: 380px;color: white;font-family:'DsignesLightRegular';margin-left: 20px;}
/*#proyecto div {float:left;clear: both;width: 100% !important;margin-bottom: 10px;}*/
#proyecto h1 {font-weight: 100;font-size: 20px; text-decoration:underline;width:500px;}
#proyecto h2 {font-weight: 100;font-size: 13px;float: left;clear: both; text-decoration:underline;}
#proyecto a {float: left;width: auto !important;}
#proyecto a.web {font-weight: 100;font-size: 14px;margin:10px 10px 10px 0;float: left;clear: both;width: 100% !important;}
#proyecto p {float: left;clear: both;margin-bottom: 10px;font-size:18px;display: inline;width: 100%;}
#proyecto ul {float: left;clear: both;}

#proyecto * {text-decoration:none;width: 100%;}
#proyecto .snl {}

/* CONTACTO
----------------------------------------------- */
.i-contacto {position:absolute;left:550px; top:0px;}

form.formulario {padding:0 0 20px 0px;float: left;clear: both;}
.formulario .titulo {color:white;font-weight: bold;float:left;clear: both;padding-bottom: 7px;}
.formulario .texto {border: 1px solid rgb(73,74,82);width:343px;height: 100px;float:left;clear:left;background-color: rgb(75,74,82);color:white;}
.formulario .enviar {float:left;}

.correos {margin-left:20px;float: left;clear: both;}
.correos h2 {color:#FFF;padding: 3px 0 0 0;font-size: 22px;font-weight: normal;}

.direcciones-contacto {border-left: 2px solid #FFF;padding:0 0 0 10px;}
.direcciones-contacto h1{font-size: 30px; font-weight: normal;}

.rojo {color:rgb(207,205,164);font-weight: normal;font-size: 22px; font-family: 'DsignesLightRegular';}

/* lista
----------------------------------------------- */
#textosLista {float:left;clear:both;font-family:'DsignesLightRegular';text-decoration:none;width:600px;margin:10px 0 0 20px;color: white;}
#textosLista a, #textosLista p {width:100%;display: inline;float: left;clear: both;margin-bottom: 15px;}
#textosLista p {font-size: 18px;}

.contCap {width:90%;float:left;clear: both;margin-left: 20px;}
.contCap a {float: left;}

/* ESPECIALES
----------------------------------------------- */

.fuente-b {font-size: 40px;font-weight: normal;line-height:32px;}

.fsim {font-family: 'fuente_simbolos_madeinMedium' !important;text-decoration: none !important;}

.thumbs {float:left;clear: both;display: none;width: 100%;width:380px;}
.thumbs a {margin:5px 5px 5px 0 !important;text-decoration: none !important;float: left;background-color: black;}
.thumbs a img {border-bottom: 1px solid white;text-decoration: none !important;}
.thumbs a img.activoTh {border-bottom: 1px solid rgb(207,205,164);}
.thumbs a img.js-activoTh {border-bottom: 1px solid red;}
.thumbs a label {margin:5px;position:absolute;text-decoration: none !important;font-size:13px;width: auto !important;}

/* PIE
----------------------------------------------- */

.pie {color: #CCC;font-size:9px;position:absolute;bottom: 20px;}
.pie p {margin:0 0 0 20px;}
.pie a {color: #999;}
.pie a:hover {color: black;}

td.pie {color:white;}
td.pie a {color:white;}

/* OTROS UTILES
----------------------------------------------- */
.click {cursor: pointer;}
.oculto {display: none;}
.mostrar {display: block;}
.t-center {text-align: center;}
.snl {text-decoration: none !important;}

.w-full {width:100%;}
.w-800 {width:800px;}

.w-450 {width:400px;}
.w-250 {width:250px;}
.w-230 {width:230px;}
.w-215 {width:215px;}
.w-2xx {width:220px;}

.h-full {height:95%;}
.h-400 {height:400px;}
.h-350 {height:350px;}
.h-300 {height:300px;}
.h-275 {height:275px;}
.h-250 {height:250px;}
.h-230 {height:230px;}
.h-215 {height:215px;}
.h-50 {height:50px;}

.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-30 {margin-right:30px;}
.mr-50 {margin-right:50px;}
.mr-75 {margin-right:75px;}

.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px;}
.ml-50 {margin-left:50px;}
.ml-75 {margin-left:75px;}

.pl-10 {padding-left: 10px !important;}
.pl-5 {padding-left: 5px !important;}

.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-50 {margin-bottom: 50px !important;}

.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-50 {margin-top: 50px !important;}

.op-15 {filter:alpha(opacity=15);-moz-opacity:0.15;-khtml-opacity: 0.15;opacity: 0.15;}
.op-30 {filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.op-50 {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.op-70 {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.op-85 {filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}


/* HACKS
___________________________________________________ */