/** GENERICO **/
body {background-color: white; font-size: 12px; font-family: verdana; margin:10px;}
ul { margin: 0 auto; padding: 0; }
li {margin: 0; padding: 0; list-style: none;}
a { color: black; text-decoration: none;  outline: none; }
a:hover { color: #757575; text-decoration: none; }
#wrap {background-color: white; width: 980px; margin: 0px auto 0px auto;border: 2px dotted black;}
#wrap-audio {background-color: white; width: 980px; margin: 0px auto 0px auto;border: 2px dotted black;}

.bold {font-size:16px; font-weight: bold;}
h3 {font-size:16px; font-weight: bold;}
h2 {font-size:20px; font-weight: bold; margin: 15px 0px;}
/** ................................................................................. **/

/** HEADER **/
#header {width: 980px; height: 146px; background: white url(img2/banner.jpg); float: left;}
#header .molinare {font-size:30px; margin:20px 10px 0px 0px;}
#header p {margin:0px 0px 0px 3px;}
#header h1 {font-size:16px; margin:34px 10px 0px 0px;}
#header-audio {width: 980px; height: 146px; background: white url(img2/banner-audio.jpg); float: left;}
#header-audio p {margin:0px 0px 0px 3px;}
#header-audio h1 {font-size:16px; margin:34px 10px 0px 0px;}
#header-audio .molinare {font-size:30px; margin:20px 10px 0px 0px;}
.ciudades {display:none;}
#idiomas {float:right;}
#idiomas ul {}
#idiomas li {display:block; float:left; margin:5px;}
#logo {width: 170px; height:45px;float:left;}
#logo a {width: 170px; height:45px; float: left;}
/** ................................................................................. **/

/** NAV **/
#nav {background-color: white; height:57px; float: left; margin:0px 10px 0px 10px; border-bottom: 2px dotted black; border-top: 2px dotted black;}
#nav p {font-size: 20px;margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
#nav li {display:block; float:left; margin:0px 10px 0px 0px; font-size: 14px;}
#molinare{ width: 320px; height:57px; float: left; text-align:left;}

#audioclip{width: 320px; height:57px; float: left; text-align:center;}
#nav #audioclip li {display:inline; float:none; margin:0px 10px 0px 0px; font-size: 14px;}
#zelig{ width: 320px; height:57px; float: left; text-align:right;}

/** ................................................................................. **/

/** CONTENIDO **/
#contenido {width: 980px; background: white url(img2/home.jpg) no-repeat; float: left;}
#contenido-cine {width: 980px; background: white; float: left;}
#contenido-servicios {width: 980px; background: white; float: left;}
#contenido-audio {width: 980px; background: white; float: left;}
#contenido-como {width: 980px; background: white url(img2/como.jpg) no-repeat; float: left;}
#contenido-reel {width: 980px; background: white url(img2/reel.jpg) no-repeat; float: left;}
#contenido-contacto {width: 980px; background-color: white; float: left;}
#left {float: left; width:180px;background-color: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#left p {font-size: 16px; margin:4px 0px 15px 10px;}
#left li {margin: 0px 0px 6px 10px;}
#center {float: left; min-height: 480px; background-color: none; width: 800px;}
#center p {font-size: 16px; margin:4px 0px 10px 0px;}

											/** cine **/
#cine {background-color: #d9d9d9; float: left; margin:5px 0px 0px 0px; padding:5px 10px 5px 10px;border:3px solid #b2b2b2;}
#cine li {padding:6px 0px 0px 10px;}
#peli{float:left; margin:0px 10px 0px 0px;}
#productora {float:left; margin:0px 10px 0px 0px;}
#director {float:left; margin:0px 10px 0px 0px;}
											/** opcions como **/
#video {background-color: #d9d9d9; float: left; margin:5px 5px 0px 0px; padding:3px 3px 3px 3px;border:2px dotted #b2b2b2; width: 390px;}
#texto {background-color: #d9d9d9; float: left; margin:5px 5px 0px 0px; padding:3px 3px 3px 3px;border:2px dotted #b2b2b2; width: 380px;}
#texto p {font-size:12px;}
#texto li {margin:5px 0px 0px 5px;}

#textoservicios {background-color: #d9d9d9; float: left; margin:5px 0px 0px 155px; padding:3px 3px 3px 5px;border:2px dotted #b2b2b2; width: 520px;}
#textoservicios p {font-size:12px;}
#textoservicios li {margin:5px 0px 0px 5px;}

#texto-audio {background-color: #d9d9d9; float: left; margin:5px 0px 0px 226px; padding:3px 3px 3px 3px;border:2px dotted #b2b2b2; width: 520px;}
#texto-audio p {font-size:12px;}
#texto-audio li {margin:5px 0px 0px 5px;}

#home {height: 100px;} 

#contenido-reel #center {float: left; margin:0px; padding:0px; width: 980px;}
#contenido-reel #center p {margin: 4px 0px 0px 470px;}
#contenido-reel #video{background-color: #d9d9d9; float: left;margin: 10px 0px 0px 470px; padding:0px; border:2px dotted #b2b2b2;width: auto;}
#reel {margin: 3px 3px 3px 3px;}
											/** que publicidad **/
#publi {background-color: #d9d9d9; float: left; margin:5px 0px 0px 0px; padding:5px 10px 5px 10px;border:2px dotted #b2b2b2;font-size:12px;}
#publi li {padding:6px 0px 0px 3px;}
#proyecto{float:left; margin:0px 5px 0px 0px;}
#agencia {float:left; margin:0px 5px 0px 0px;}
#realizador {float:left; margin:0px 5px 0px 0px;}
#productora-publi {float:left; margin:0px 5px 0px 0px;}
/** ................................................................................. **/

/** down **/
#down {width: 980px; height: 112px; background: white url(img2/pie.jpg); float: left; }
#wrap-audio #down {width: 980px; height: 112px; background: white url(img2/pie.jpg); float: left;}
#legales {height: 20px; float:left; align:bottom;margin:80px 0px 0px 20px;}
#legales li {margin: 5px 10px 0px 4px; font-size:8px; float:left; display:block;}
#opciones {height: 20px; float:right;margin:80px 0px 0px 0px;}
#opciones li {display:block;float: right; margin:0px 4px 0px 10px;}
#google_translate_element {margin: 60px 5px 0px 5px; float: left; font-size:10;}
#google_translate_element a {}

/** ................................................................................. **/

/** active **/
.active {color:#ef8413; font-weight: bold;}
.active-audio {color: #1e9fe2; font-weight: bold;}
/** contacto **/

#contenido-contacto #center {float: left; min-height: 480px; width: 900px; margin:10px 39px; border:dotted #d9d9d9 2px;}
#contenido-contacto #donde {float:left; margin:0px 10px;}
#contenido-contacto #donde #bcn {float:left; margin:0px 15px;}
#contenido-contacto #donde #madrid {float:left; margin:0px 0px 0px 32px;}
#contenido-contacto #donde #lisboa {float:left; margin:0px 0px 0px 198px;}
#contenido-contacto #quien {float:left; margin:0px 10px 0px 10px;}
#contenido-contacto #quien #contactoBarcelona {float:left;margin:0px 10px;}
#contenido-contacto #quien #contactoMadrid {float:left;margin:0px 10px;}
#contenido-contacto #quien #contactoLisboa {float:left;margin:0px 10px;}
#contenido-contacto dt{margin:10px 0px;}