#i-odm{width: 100%;height: 300px; background:#FFF; margin:0; background: url(../media/odm/odm-fondo.jpg); } .odm-video{width: 400px; height: 260px; background: #FFF; float: right ; margin: 20px 50px 0 0; border-bottom: 0px solid #CFCFCF;} #ies { width:100%; height:10px;} /*Index Imagen destacado*/ #cont-destacado{width: 100%;height: 300px; background:#fff; margin:0; outline: 0px solid #BF8F3B;} #cont-imagen{width:520px;height: 300px;float: left; margin:0 10px 0 0; background:url(../img/portada-index/gb-destacado.jpg)} #cont-destacado1{width: 100%;height: 300px; background:#fff; margin:0; outline: 0px solid #BF8F3B;} #cont-imagen1{width:520px;height: 300px;float: left; margin:0 10px 0 0; } #cont-tramites1{width: 350px;height: 300px; float: right; background: #FFF;} #cont-destacado2{width: 100%;height: 20px; background:#fff; margin:0; outline: 0px solid #BF8F3B; text-align:center; float:left;} #cont-tramites{width: 350px;height: 300px; float: left; background: #FFF;} #cont-tramites-servicios{width: 100%;height: 100px;background: #fff;} #cont-tramites-servicios h1{margin-bottom: 5px; text-indent: 0px; padding: 0 0 5px 0; background: transparent; border-bottom: 2px dotted #CCC; width: 97%; margin-left: auto; margin-right: auto;} #cont-tramites-servicios h1 a{color: #5F5F5F;font-size: 18px; } #cont-tramites-servicios h1 a:hover{text-decoration: underline; } #cont-tramites-servicios ul{margin:0px; padding: 0;display: table; list-style: none; } #cont-tramites-servicios ul li {margin: 0 0 4px 5px; padding-left: 15px;width: 150px; float: left;background-image: url(../img/vinetas/vineta-01.png);background-repeat: no-repeat;background-position: 0 4px;} #cont-tramites-servicios ul li a {font-size: 11px; color: #6D6E71;} #cont-tramites-servicios ul li a:hover {text-decoration: underline; color:#E47903;} #tramites-fisicos{ width: 100%; height: 28px; margin: 5px 0 0 0; border-bottom: 1px solid #FFF; } #tramites-fisicos ul {list-style: none; } #tramites-fisicos ul li { float: left; border: 0px solid blue; margin: 0 5px 0 0 ; padding: 0 10px } #tramites-fisicos ul li:hover{background: #EFEFEF; } #tramites-fisicos ul li img{ margin: 0 5px 0 0; } #tramites-fisicos ul li a{font-size: 12px; color: #6D6E71; vertical-align: 6px; } #tramites-fisicos ul li a:hover{text-decoration: underline; color:#E47903;} #losmas{ width: 100%; height: 80px; background: #FFF; margin: 5px 0 0 0; border-bottom: 1px solid #FFF; } #losmas h2{margin-bottom: 5px; text-indent: 0px; padding: 0 0 5px 0; background: transparent; border-bottom: 2px dotted #CCC; width: 97%; margin-left: auto; margin-right: auto; color: #5F5F5F;} #losmas ul{ margin: 0 0 0 20px; padding: 0;display: table;} #losmas ul li{ list-style-image: url(../img/vinetas/vineta-01.png); margin: 0 0 6px 0;} #losmas ul li a{font-size: 11px; color: #6D6E71;} #losmas ul li a:hover {text-decoration: underline; color:#E47903;} #inf-servicios{width: 100%; height: 60px; background: #FFF; margin: 5px 0 10px 0; border-bottom: 1px solid #FFF;} #inf-servicios h2{margin-bottom: 5px; text-indent: 0px; padding: 0 0 5px 0; background: transparent; border-bottom: 2px dotted #CCC; width: 97%; margin-left: auto; margin-right: auto; color: #5F5F5F;} #inf-servicios p{ margin: 0px; padding: 0px; font-size: 11px; color: #6D6E71; } #inf-servicios p a{ font-size: 11px; color: #6D6E71;} #inf-servicios p a:hover {text-decoration: underline; color:#E47903;} /*Portada Sala de prensa*/ #portada-prensa{width:100%;height:280px;background:#FFF;margin: 10px 0 0px 0;display:table;} .por-separador { width: 2px;height: 260px; border-right:2px dotted #CCC; margin: 20px 4px 0 2px; background: #FFF; float: left; } .por-separador2 { width: 2px;height: 260px; border-right:0px dotted #CCC; margin: 20px 4px 0 4px; background: #FFF; float: left; } /* #portada-prensa h2{ margin: 0 0 5px 0; } #portada-prensa h2 a {font-weight: bold;font-size:14px;color:#E47903;} #portada-prensa h2 a:hover {text-decoration: underline;} #portada-prensa h3 { width:190px; height: auto; background: transparent; } #portada-prensa h3 a {font-weight: bold; font-size: 11px;color: #58595B;} #portada-prensa h3 a:hover {text-decoration: underline; color:#E47903;} #portada-prensa h4 {font-weight: normal ; font-size: 11px;color: #58595B; margin: 5px 0 5px 0;} #portada-prensa ul{margin: 0 0 0 18px; padding: 0px; list-style: none; display: table;} #portada-prensa ul li{ list-style: url(../img/vinetas/vineta-sola.png); margin: 0 0 3px 0; } #portada-prensa ul li a{font-size: 11px; color: #6D6E71; } #portada-prensa ul li a:hover{text-decoration: underline; color:#E47903;}*/ #por-prensa{ width: 200px; height: 280px; float: left; margin-right: 3px; background: #fff; } #por-prensa h2{ margin: 0 0 5px 0; } #por-prensa h2 a {font-weight: bold;font-size:14px;color:#E47903;} #por-prensa h2 a:hover {text-decoration: underline;} #por-prensa h3 { width:190px; height: auto; background: transparent; } #por-prensa h3 a {font-weight: bold; font-size: 11px;color: #58595B;} #por-prensa h3 a:hover {text-decoration: underline; color:#E47903;} #por-prensa h4 {font-weight: normal ; font-size: 11px;color: #58595B; margin: 5px 0 5px 0;} #por-prensa ul{margin: 0 0 0 18px; padding: 0px; list-style: none; display: table;} #por-prensa ul li{ list-style: url(../img/vinetas/vineta-sola.png); margin: 0 0 3px 0; } #por-prensa ul li a{font-size: 11px; color: #6D6E71; } #por-prensa ul li a:hover{text-decoration: underline; color:#E47903;} #por-imagen{ width: 198px; height: 280px; float: left; margin-right: 3px; background: #fff; } #por-imagen div h3{ color: #58595B;font-weight: bold; margin: 5px 0 5px 0; padding: 0; text-align: center;font-size: 12px;} #por-imagen div h3 a{ font-size: 13px; font-weight: bold; color: #58595B;} #por-imagen div h3 a:hover{text-decoration: underline;} #por-imagen div img {margin: 20px 0 0 0; } #por-imagen div h2 { text-align: center; margin:10px 0 0 0; } #por-imagen div h3 img { float: left; margin: 0; padding: 0; } #por-imagen div h2 a { color: #6D6E71; font-size: 11px; font-weight: normal; } #por-imagen div h2 a:hover { text-decoration: underline; color:#E47903; } #por-participa{ width: 198px; height: 280px; float: left; margin-right: 3px; background: #fff; } #por-participa h2{ margin: 0 0 5px 0; } #por-participa h2 a {font-weight: bold;font-size:14px;color:#E47903;} #por-participa h2 a:hover {text-decoration: underline;} #por-participa ul{margin: 0 0 0 18px; padding: 0px; list-style: none; display: table;} #por-participa ul li{ list-style: url(../img/vinetas/vineta-sola.png); margin: 0 0 3px 0; } #por-participa ul li a{font-size: 11px; color: #6D6E71; } #por-participa ul li a:hover{text-decoration: underline; color:#E47903;} #por-participa h3 a {font-weight: bold; font-size: 11px;color: #58595B;} #por-participa h3 a:hover {text-decoration: underline; color:#E47903;} #por-encuesta{ width: 245px; height: 280px; float: left; background: #F6f3ec; } #por-encuesta h2{ margin: 0 0 5px 0; } #por-encuesta h2 a {font-weight: bold;font-size:14px;color:#E47903;} #por-encuesta h2 a:hover {text-decoration: underline;} #por-encuesta .encuesta{ width: 100%; height: 160px;padding-top:21px; background: url(../img/portada-index/encuesta.jpg) top right no-repeat;} #por-encuesta .denuncia{width: 100%; height: 70px; padding-top: 8px; border-top: 4px solid #FFF; } #por-encuesta .denuncia img {float: left;} #por-encuesta .denuncia div {width: 131px; height: 30px; background: transparent; float: left;} #por-encuesta .denuncia div a { font-size: 11px; color: #6D6E71; line-height: 25px; } #por-encuesta .denuncia div a:hover {text-decoration: underline; color:#E47903; } #por-encuesta .denuncia div a img{float: left; margin-right: 2px;} #i-participa{width: 455px; height: 277px; padding:0; margin:0 0 0 10px; background: url(../media/portadas/inicio/participa-fondoX.jpg) no-repeat 0 23px; float: left; outline: 0px dotted blue; } #i-participa h2{ font-weight: bold;font-size:14px;color:#E47903; margin: 0 0 5px 0; background: transparent;} #twiter{ width: 99%; height: 215px; outline: 0px solid black; margin: 5px auto 0 auto; } #twiter img{ float: right; margin:20px 30px 0 30px; } #twiter p{font-size: 12px; width: 300px; background: transparent; padding: 8px 0 0 0; } #twiter div{ width: 100%; height: 40px; clear: both; margin: 5px 0 5px 0; } #twiter div img{ float: left; margin: 0 10px 0 0; padding: 0px; width:48px; height:40px; } #twiter div h3{ font-size: 12px; color: #5F5F5F; font-weight: bold; margin:0; padding: 3px 0 0 0; background: transparent;} #twiter div h3 span a{font-size: 12px; color: #E47903;} #twiter div h4{ font-size: 12px; color: #6D6E71;background: transparent;} #twiter div h5 { padding: 17px 0 0 0; text-align: right; background: transparent; } #twiter div h5 a{color: #E47903;font-size: 12px;font-weight: bold; } #twiter div h5 a:hover{ text-decoration: underline; } #twitter p a {color: #E47903;} #encuesta{ width: 99%; height: 215px; outline: 0px solid black; margin: 5px auto 0 auto; } #encuesta img{ } #encuesta h2 { font-size: 14px; font-weight: bold; color: #5F5F5F; padding: 10px 0 10px 0; background: transparent; } #encuesta .encuesta {width: 320px; height: 160px;padding:0px; outline: 0px dotted blue; } #encuesta .en-ima{ float: right; border: 0px solid aqua; width: 110px; height: 107px;} #encuesta h3{ float: right; background: transparent; } #encuesta h3 a{ color: #E47903;font-size: 12px; font-weight: bold; } #encuesta h3 a:hover{ text-decoration: underline;} #programas{ width: 99%; height: 215px; outline: 0px solid black; margin: 5px auto 0 auto; } #programas img{ float: right; } #programas h2 { font-size: 14px; font-weight: bold; color: #5F5F5F; padding: 5px 0 5px 0; background: transparent; } #programas p{ font-size: 12px; width: 300px; background: transparent; margin: 10px 0 5px 0;} #programas p a{ font-weight: bold; color: #E47903; } #programas p a:hover{ text-decoration: underline; } #programas ul{ margin: 20px 0 0 0; padding: 0px; list-style: none;} #programas ul li{ border-bottom: 1px solid #CCC; width: 240px; text-indent: 5px; margin: 0 0 5px 0; padding: 0 0 1px 0;} #programas ul li img{ margin: 5px 0 0 0; } #programas ul li a{ color: #6D6E71; font-size: 12px;} #programas ul li a:hover{ color: #E47903; } #blogs{ width: 99%; height: 215px; outline: 0px solid black; margin: 5px auto 0 auto; } #blogs img{ float: right; } #blogs h2 { font-size: 14px; font-weight: bold; color: #5F5F5F; padding: 5px 0 10px 0; background: transparent; } #blogs p{ font-size: 12px; width: 300px; background: transparent; padding: 10px 0 0 0; } #blogs ul{ margin: 20px 0 20px 40px; padding: 0px; list-style: none;} #blogs ul li{ border-bottom: 1px solid #CCC; width: 260px; text-indent: 5px; margin: 0 0 5px 0; padding: 0 0 1px 0;} #blogs ul li img{ margin: 5px 0 0 0; } #blogs ul li a{ color: #6D6E71; font-size: 12px;} #blogs ul li a:hover{ color: #E47903; } #blogs h3{ color: #5F5F5F; font-size: 12px; font-weight: bold; background: transparent; margin: 0 0 5px 0;} #blogs h3 a{ color: #E47903;font-size: 12px; font-weight: bold;} #blogs h3 a:hover { text-decoration: underline; } #chat{width: 99%; height: 215px; outline: 0px solid black; margin: 5px auto 0 auto;} #chat img{ float: right; } #chat div { float: right; width: 140px; height: 210px; border: 0px solid aqua; padding: 0 10px; } #chat ul{ margin: 20px 0 20px 40px; padding: 0px; list-style: none; float:left;} #chat ul li{ border-bottom: 1px solid #CCC; width: 260px; text-indent: 5px; margin: 0 0 5px 0; padding: 0 0 1px 0;} #chat ul li img{ margin: 5px 0 0 0; } #chat ul li a{ color: #6D6E71; font-size: 12px;} #chat ul li a:hover{ color: #E47903; } #chat h2 { font-size: 12px; font-weight: bold; color: #5F5F5F; margin: 10px 0 0 0; float:left; } #chat div h2 a{ color: #E47903; font-weight: bold;} #chat div h2 a:hover{ text-decoration: underline; } #chat div img{ margin: 10px 0 30px 0; } #chat p{ font-size: 12px; width: 260px; background: transparent; margin: 10px 0 5px 0; float: left;} #chat p span{ font-weight: bold; } #chat p a { font-size: 12px; color: #5F5F5F; font-weight: bold; } #chat p a:hover { text-decoration: underline; } #chat ul li a{ color: #6D6E71; font-size: 12px;} #web{ width: 99%; height: 215px; outline: 0px solid black; margin: 5px auto 0 auto; } #web img{ float: right; } #web h3 { font-size: 14px; font-weight: bold; color: #656565; padding: 5px 0 5px 0; background: transparent; } #web p{ font-size: 12px; width: 300px; background: transparent; padding: 10px 0 0 0; } #web p a { color: #E47903;} /*Turismo*/ #index-turismo{width: 100%;height: 180px; margin: 10px 0 0 0;background: #fff; } #index-turismo h1 {width: 96%; border-bottom: 2px dotted #AAAAAA;margin-left: auto;margin-right: auto; margin-bottom: 10px; padding-bottom: 2px;} #index-turismo h1 a{font-weight: bold; font-size: 14px;color: #E47903;} #index-turismo h1 a:hover{ text-decoration: underline; } .it-1{width: 410px;height: 180px;background: #FFF;float: left; margin: 0 10px 0 0;} .it-1 img { float: left; margin: 0 5px 0 0;} .it-1 div {width: 300px; height: 145px; background: #FFFFFF; float: left;} .it-1 div h2 { border-bottom: 2px dotted #CCCCCC; width: 294px; margin: 0 0 5px 0; } .it-1 div h2 a { font-weight: bold; font-size: 14px;color: #E47903;} .it-1 div h2 a:hover { text-decoration: underline;} .it-1 ul { margin-left: 0px; padding-left: 0px; margin-bottom: 5px; list-style: none;} .it-1 ul li { background:url(../img/vinetas/vineta-sola.png) no-repeat 0 3px; padding-left: 13px; } .it-1 ul li a{font-size: 11px; color: #6D6E71;} .it-1 ul li a:hover {text-decoration: underline; color:#E47903;} .it-2{width: 190px;height: 180px;background: transparent ;float: left; margin: 0 10px 0 0;} .it-2 ul { margin-left: 0px; padding-left: 0px; margin-bottom: 5px; list-style: none;} .it-2 ul li { background:url(../img/vinetas/vineta-sola.png) no-repeat 0 3px; padding-left: 13px; } .it-2 ul li a {font-size: 11px; color: #6D6E71;} .it-2 ul li a:hover {text-decoration: underline; color:#E47903;} .it-3{width: 260px;height: 180px;background: #FFF;float: left;} .it-3 img{float: right;} .it-3 div {width: 154px; height: 145px; background: #FFF; float: right;} .it-3 div ul { margin-left: 0px; padding-left: 0px; margin-bottom: 5px; list-style: none;} .it-3 div ul li { background:url(../img/vinetas/vineta-sola.png) no-repeat 0 3px; padding-left: 13px; } .it-3 div ul li a{font-size: 11px; color: #6D6E71;} .it-3 div ul li a:hover {text-decoration: underline; color:#E47903;} .ic-1{width: 200px;height: 165px;float: left; background: transparent;; margin-right: 10px; margin-left: 5px;} .ic-1 ul{margin-left: 0px; padding-left: 0px; list-style: none;} .ic-1 ul li{background:url(../img/vinetas/vineta-sola.png) no-repeat 0 3px; padding-left: 13px; margin-bottom: 2px; } .ic-1 ul li a{font-size: 11px; color: #6D6E71;} .ic-1 ul li a:hover{text-decoration: underline; color:#E47903;} .ic-2{width: 136px;height: 165px;float: left; background: transparent; margin-right: 10px;} .ic-3{width: 121px;height: 165px;float: left; background: transparent; margin-right: 10px;} .ic-4{width: 250px;height: 165px;float: left; background: transparent; } .ic-4 div { width: 246px; height: 130px; border: 2px solid #DDD; background: #FFF; } .ic-4 div ul {margin: 0px; padding: 0px; list-style: none; list-style-position: inside;} .ic-4 div ul li{ width: 45%; float: left; margin: 10px 2px 3px 3px; } .ic-4 div ul li img {float: left; margin: 0px 4px 0 0; padding: 0px;} .ic-4 div ul li a{ color:#58595B;font-size:11px;} .ic-4 div ul li a:hover{ color:#E47903; text-decoration: underline;} /*Cartelera*/ #i-cartelera{width: 100%;height: 175px; margin: 10px 0 10px 0;background: #f6f3ec; padding:5px 0 0 0;} #i-cartelera h1 {width: 100%; border-bottom: 2px dotted #AAA;margin-bottom: 5px; padding-bottom: 5px; background: transparent; } #i-cartelera h1 a{font-weight: bold; font-size: 14px;color: #E47903;} #i-cartelera h1 a:hover {text-decoration: underline;} /*#miniEncuesta{width:230px;height:140px;margin-top:15px;}*/ #miniEncuesta{position:relative; outline: 0px solid #EEE ;} #miniEncuesta h1{display:block;width:96%;font-size:13px;margin-bottom:7px;color:#E47903;background:transparent;margin:0px 0 25px 12px;} #miniEncuesta ol.respuestas{margin:0 0 5px 22px;padding:0px;list-style-type:lower-alpha;list-style-position:inside;} #miniEncuesta li.respuesta{margin:4px 0 0 0;font-size:12px;line-height:13px;color:#515151} #miniEncuesta li.respuesta a{color:#515151;text-decoration:none;margin-bottom:3px;} #miniEncuesta li.respuesta a:hover{text-decoration:underline;} #miniEncuesta #enc_resultado{width:310px;padding:0 0 0 15px; margin: 30px 0 0 0;} #miniEncuesta span{font-size:13px;color:#515151;text-decoration:none;} #miniEncuesta a{color:#515151;font-size:13px;} #miniEncuesta a:hover{text-decoration:underline} #pinar{ width: 100%; height: 190px; background: #FFF; margin: 0 0 10px 0; }