/* Definicion general de estilos */

body, p, h1, h2, h3, h4, h5, h6, table, td, th, address,
ul, li, ol, hr, input, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0 !important;
	outline: 0;
  }

  form, fieldset {
        border: 0;
        margin: 0;
        padding: 0;
  }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
  }

body {
    background-color: #EEE;
    background-image: url('/media/imgs/bg.png');
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
    font-size: 9pt;
  }

h1, h2, h3, h4 {
    font-family: Georgia, serif;
    font-weight: normal;
    margin: 0;
    padding:0;
}

hr {
    width: 277px;
    height: 9px;
    border: 0;
    background-image: url('/templates/media/template/hr-back.png');
    margin-top: 15px;
    margin-bottom: 10px;
  }

/* Clases generales */

a {
    text-decoration:none;
    color: #1C364D;
    
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    vertical-align: baseline;
  }

a:hover {
    text-decoration: underline;
    color: #666;
}

a.lnk-alt {
    color: #FFF;
    text-decoration: underline;
}

a.lnk-alt:hover {
    text-decoration: none;
}

h2 a, h4 a {
    color:inherit;
  }

a img {
    border:0;
  }

a.more {
    display:block;
    width:40px;
    height:40px;
    float:right;
    margin-top:-24px;
    margin-right:-15px;
  }

#wrapper {
        margin: 0 auto;
        width: 1200px;
}

#contenido {
    float: left;
    width: 750px;
}

#lateral {
    float: left;
}

#header {
    margin: 40px 0 20px 20px;
}

#marca {
    width: 300px;
}

#fecha {
    float: right;
    color: #FFF;
    width: 250px;
}

#clima {
    float: right;
    color: #FFF;
    width: 150px;
}

    #clima .icono {
        float: left;
        margin-top: -7px;
    }

#rss {
    float: right;
    width: 75px;
    margin-right: 190px;
}

#main {
    background-color: #FFF;
    padding: 5px 0 20px 20px;
/*    margin-top: 10px;*/
    float: left;
    width: 980px;
}

#menu {
        width: 750px;
        clear: both;
        padding: 5px 0;
        margin-bottom: 10px;
}

    #menu ul {
            margin: 0;
            padding: 0;
    }

    #menu li {
            float: left;

    }

    #menu li a {
            text-transform: uppercase;
            text-decoration: none;
            font-size: 11px;
            color: #1C364D;
            font-weight: bold;
            background: transparent url('/media/imgs/point.gif') no-repeat right;
            padding-right: 15px;
    }

        #menu li a:hover {
                text-decoration: underline;
                color: #999;
        }

        #menu .menu-last {
                background: none;
        }

#noticia-principal {
    border-bottom: 1px solid #DEDEDC;
    margin-bottom: 20px;
    padding-bottom: 10px;
    *padding-bottom: 0;
}

#noticia-principal div.foto {
    float: left;
    margin-right: 10px;
    width: 240px;
}

#noticia-principal div.foto img {
    width: 240px;
}

    #noticia-principal div.right {
        float: right !important;
        margin-right: 0 !important;
    }

#noticia-principal div.foto  p {
    color: #666;
    margin: 0;
}

div.noticia {
    clear: left;
    float: left;
    width: 250px;

}

    div.maximizada {
        width: 500px;
    }

#noticia-principal h1 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        margin-bottom: 10px;
}

#noticia-principal span {
        color: #454545;
        font-size: 11px;
        margin: 0 0 10px 0;
        display: block;
        width: 500px;
        text-transform: uppercase;
        background: transparent url('/media/icons/media.gif') no-repeat right;
        height: 20px;
}

#noticia-principal div.noticia {
    clear:none;
}

div.relacionado {
        padding-top: 10px;
        clear: both;
}

div.relacionado ul {
        margin: 0;
        padding: 0;
}

div.relacionado li {
    display: block;
    background: #FFF url('/media/icons/relacionado.gif') no-repeat;
    padding: 1px 0 1px 20px;
    margin-bottom: 10px;
    font-size: 11px;
}

div.media {
    clear: both;
    width: 480px;
    text-align: right;
    padding: 0 10px;
}

div.banner {
    margin: 10px 0 !important;
}

/*div.col2 {*/
/*    clear: right;*/
/*}*/

#noticias-secundarias {
    margin-left: -10px !important;
}

#noticias-secundarias h1 {
    color: #1C364D;
    font-size: 20px;
    margin-bottom: 10px;    
}

#noticias-secundarias h2 {
    color: #1C364D;
    font-size: 16px;
    margin-bottom: 10px;
}

#noticias-secundarias img {
/*    width: 240px;*/
}

#noticias-secundarias .foto-top img {width: 240px; margin-bottom: 5px}
#noticias-secundarias .foto {padding: 0 8px 0 0; margin-top: 10px !important}
#noticias-secundarias .foto .center{margin-bottom: 3px;}
#noticias-secundarias .foto .left{float: left; margin-right: 5px;}
#noticias-secundarias .foto .right{float: right; margin-left: 5px;}
#noticias-secundarias .foto img{border: 1px solid #DEDEDC; padding: 2px;}

#noticias-secundarias-col1, #noticias-secundarias-2-col1 {
    float: left;
    width: 245px;
}

#noticias-secundarias-col2, #noticias-secundarias-2-col2 {
    float: left;
    width: 245px;
    margin-left: 10px;
}


#noticias-secundarias div.noticia {
    margin: 0 0 10px 10px;
    *margin-left: 0 !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDC;
    width: 245px;
}

#noticias-secundarias div.noticia span {
    color: #454545;
    font-size: 10px;
    display: block;
    margin-bottom: 5px !important;
}

#noticias-secundarias div.noticia p.fecha {
    color: #666;
    font-size: 11px;
    margin-bottom: 5px;
}

#urgente {
        background-color: #D82721;
        display: block;
        color: #fff !important;
        padding: 5px;
        font-size: 10px;
        margin-bottom: 10px;
}

#urgente span {
        text-transform: uppercase;
}

#columna1 {
        display: block;
        float: left;
        width: 500px;
}

#columna2 {
        display: block;
        float: left;
        width: 240px;
        margin-left: 10px;

}

#columna4 {
    float:left;
    width: 180px;
    margin-left: 10px;
    margin-top: 0 !important;
    padding: 0;
}

/* MEDIA */

/*#columna2 */
#media h2, #opiniones h2,#lateral h2 {
    background-color: #1C364D;
    color: #FFF;
    font-family: arial, sans-serif;
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 10px 10px;
    width: 220px;
}

#opiniones {
    margin-top: 20px;
    margin-bottom: 15px;
    background-color: #DEDEDC;
}

#opiniones ul {
    margin: 10px; padding: 0
}
    #opiniones li {
            display: block;
    }

    #opiniones li img {
        float: left;
        width: 57px;
        margin-right: 10px;
        margin-bottom: 10px;
        clear: left;
    }

    #opiniones li div.opinion {
        float: left;
        width: 140px;
        font-size: 11px;
        height: 60px !important;
        _height: 65px !important;
    }

    #opiniones div.opinion-title {
        color: #1C364D;
    }

    #opiniones div.opinion-autor {
        margin-top: 5px;
        display:block;
    }

#noticias-otras {
    margin-top: 10px
}

#noticias-otras li {
    border-bottom: 1px solid #CCC !important;
    padding: 10px 0;
}

#noticias-otras h3 {
    margin-bottom: 10px;
    font-size: 14px;
}

#noticias-otras p {
        font-size: 11px;
}

/*** After News ***/

#afternews {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin-top: 10px;
    *margin-top: 20px !important;
    *height: 190px;
    padding: 10px 0;
    background-color: #F7F7F7;
}

#afternews h3 {
    display: block;
    text-transform: uppercase;
    background-color: #1E344D;
    color: #FFF;
    font-size: 16px;
    font-family: sans-serif;
    margin-left: 10px;
    margin-bottom: 10px;
	padding: 2px 0 2px 5px;
	width: 119px;
}
    #afternews h3 span {
        background-color: #0093DD;
        margin-left: 5px;
        padding: 2px 5px;
        
    }

#afternews li {
    float: left;
    width: 170px;
    margin-right: 5px;
    margin-left: 10px;
}

#afternews h4 {
    color: #1C364D;
    font-family: arial, sans-serif;
    font-size: 12px;
}

#afternews img {
    width: 170px;
    margin-bottom: 10px
}

/** Arte & Espectaculos ***/

#espectaculos {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin-top: 10px;
    *margin-top: 20px !important;
    *height: 190px;
    padding: 10px 0;
/*    background-color: #F7F7F7;*/
    background-color: #DEDEDC;    
}

#espectaculos h3 {
    display: block;
    text-transform: uppercase;
    background-color: #1E344D;
    color: #FFF;
    font-size: 16px;
    font-family: sans-serif;
    margin-left: 10px;
    margin-bottom: 10px;
	padding: 2px 0 2px 5px;
	width: 207px;
}
    #espectaculos h3 span {
        background-color: #0093DD;
        margin-left: 5px;
        padding: 2px 5px;
        
    }

#espectaculos li {
    float: left;
    width: 170px;
    margin-right: 5px;
    margin-left: 10px;
}
    #espectaculos li span {
        font-size: 10px;
    }

#espectaculos h4 {
    color: #1C364D;
    font-family: arial, sans-serif;
    font-size: 12px;
}

#espectaculos img {
    width: 170px;
    margin-bottom: 10px
}

/*********** LATERAL *******************/

#lateral {
        margin-left: 10px;
        width: 210px;

}
#lateral h2 {width: 190px;}

#buscador {
    background: #1C364D url('/media/icons/lupa.gif') no-repeat 175px 38px;
    padding-bottom: 20px;
}

#tops {margin-top: 10px;}
#agenda {margin-top: 20px;}
#agenda h2 {
    background-color: #28292B;
    color: #FFF;
    padding-bottom: 15px;
    padding-top: 10px;
}
#agenda h3 {
    float:right;
    margin-top: -45px !important;
    margin-right: 10px;
    color: #222;
    background-color: #FFF267;
    font-size: 14px;
    font-style: italic;
    width: 35px;
    text-align: center;
    padding: 5px;
    border: 1px solid #333 !important;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;    
}

#agenda h3 span {
    font-size: 20px;
    font-weight: bold;
    font-style: normal !important;
    font-family: georgia, garamond, serif;
}

#buscador input {
    border: none;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 10px;
    width: 150px;
    padding: 5px 0 5px 5px;
}

#tabs {
    background-color: #1c364d;
}

#tabs li a {
    margin-bottom: 5px;
}

#breves li {
    margin-bottom: 10px;
}

#breves li a {
    color: #565656;
}

#blogs h2 {
    text-indent: -3000px;
    background: #1C364D url('/media/imgs/notife_2.gif') no-repeat -5px -1px;
}

    #blogs li {
        border-bottom: 1px solid #CCC !important;
    }
    
    #blogs li a {
        display: block;
        padding: 3px 0 3px 10px;
        background-color: #FFF;        
    }
    
    #blogs li a:hover {
        color: #333;
        background-color: #EEEEEE;
        text-decoration: none;
    }

#footer {
    background-color: #000;
    width: 960px;
    padding: 20px;
    margin: 20px 0 -20px -20px !important;
    color: #FFF;
    float: left;
    vertical-align: bottom;
}

    #footer li {
            float: left;
            margin-left: 20px;
            width: 250px;
    }
    
    #footer span {
        float: right;
        width: 70px;
    }
    
    
/*TANTEADOR

#tanteador {
	background: url(/global/img/fondotant.gif) repeat-x left top;
	width:100%;
	
	border-top:3px solid #002041;
}

.escuadra1 {
	
	margin: 0px;
	padding: 5px;
	float: left;
	width: 40px;
	text-align:center;
	
	background: #FFF url(/global/img/fondil.gif) repeat-x left top;
}
.escuadra2 {
	background: #FFF url(/global/img/fondil.gif) repeat-x left top;
	margin: 0px;
	padding: 5px;
	float: right;
	width: 40px;
	text-align:center;
	}
*/
    

.no-margin-right {margin-right: 0 !important}

.clear {
/*    content: ".";*/
/*    display: block;*/
    height: 0;
    clear: both;
    visibility: hidden;
}