/* FLORENCIA MARTINELLI HOJA DE ESTILOS */


a {
	color:#004F80;
	text-decoration:none;
}
a:hover {
	color:#004F80;
	text-decoration:underline;
}
* {
	font-family:Verdana, Geneva, sans-serif;
}
h2 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
}
.separador {
	height:1px;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
}
/*
	SECCIONES
*/

#secc_novedades .separador {
	background-color:#09C499;
}
#secc_novedades .img {
	border:1px solid #09C499;
}
#secc_novedades .item {
	overflow:auto;
	border-top:2px solid #09C499;
	border-bottom:2px solid #09C499;
	width:100%;
	padding-bottom:10px;
	padding-top:15px;
	margin-bottom:10px;
	margin-top:10px;
}
#secc_novedades .item img {
	border:4px solid #09C499;
	float:left;
}
#secc_novedades .item .txt {
	float:right;
	width:340px;
	color:#333;
	font-size:11px;
}
#secc_novedades a {
	color:#09C499;
}


#novedades_item {
	border-top:2px solid #09C499;
	padding-top:15px;
	margin-top:15px;
}
#novedades_item a {
	color: #09C499;
}
#novedades_item h2 {
	font-size:22px;
	color:#09C499;
	margin-bottom:10px;
}
#novedades_item h3 {
	font-weight:normal;
	font-size:18px;
	color:#09C499;
	margin-bottom:10px;
}

/*
	FM
*/
#secc_sobremi h2 {
	margin-top:10px;
	color:#FDC00E;
}
#secc_sobremi .item {
	border-top:2px solid #9C1919;
	border-bottom:2px solid #9C1919;
 width:
}
#secc_sobremi .item img {
	border:4px solid #9C1919;
	float:left;
}
#secc_sobremi .item .txt {
	float:right;
	width:340px;
	color:#333;
	font-size:11px;
}
#secc_sobremi a {
	color:#9C1919;
}
/* PROYECTOS */
#secc_proyectos .separador, #proyectos_item .separador {
	background-color:#9BC33A;
}
#secc_proyectos .img, #proyectos_item .img {
	border:1px solid #9BC33A;
}
#secc_proyectos .item {
	overflow:auto;
	border-top:2px solid #9BC33A;
	border-bottom:2px solid #9BC33A;
	width:100%;
	padding-bottom:10px;
	padding-top:15px;
	margin-bottom:10px;
	margin-top:10px;
}
#secc_proyectos .item img, #proyectos_item .item img {
	border:4px solid #9BC33A;
	float:left;
}
#secc_proyectos .item .txt {
	float:right;
	width:340px;
	color:#333;
	font-size:11px;
}
#secc_proyectos a {
	color:#9BC33A;
}

#proyectos_item {
	border-top:2px solid #9BC33A;
	padding-top:15px;
	margin-top:15px;
}
#proyectos_item a {
	color: #9BC33A;
}
#proyectos_item h2 {
	font-size:22px;
	color:#9BC33A;
	margin-bottom:10px;
}
#proyectos_item h3 {
	font-weight:normal;
	font-size:18px;
	color:#9BC33A;
	margin-bottom:10px;
}

/* OBRAS */
#secc_obras .separador, #secc_obras_item .separador {
	background-color:#9A1919;
}
#secc_obras .img, #secc_obras_item .img {
	border:1px solid #9A1919;
}
#secc_obras .item, #secc_obras_item .item {
	overflow:auto;
	border-top:2px solid #9A1919;
	border-bottom:2px solid #9A1919;
	width:100%;
	padding-bottom:10px;
	padding-top:15px;
	margin-bottom:10px;
	margin-top:10px;
}
#secc_obras .item img, #secc_obras_item .item img {
	border:4px solid #9A1919;
	float:left;
}
#secc_obras .item .txt, #secc_obras_item .item .txt {
	float:right;
	width:340px;
	color:#333;
	font-size:11px;
}
#secc_obras h2, #secc_obras_item h2 {
	margin-bottom:0px;
	padding-bottom:2px;
}
#secc_obras a, #secc_obras_item a {
	color:#9A1919;
}
#obras_item {
	border-top:2px solid #9A1919;
	padding-top:15px;
	margin-top:15px;
}
#obras_item h2 {
	font-size:22px;
	color:#9A1919;
	margin-bottom:10px;
}
#obras_item h3 {
	font-weight:normal;
	font-size:18px;
	color:#9A1919;
	margin-bottom:10px;
}
/* LINKS */
#secc_links .separador {
	background-color:#CA2149;
}
#secc_links .img {
	border:1px solid #CA2149;
}
#secc_links .item {
	width:100%;
	padding-bottom:10px;
}
#secc_links .item img {
	border:4px solid #CA2149;
	float:left;
}
#secc_links .item .txt {
	float:right;
	width:340px;
	color:#333;
	font-size:11px;
}
#secc_links h2 {
	margin-bottom:0px;
	padding-bottom:2px;
}
#secc_links a {
	color:#CA2149;
}

/*
	SECCIONES FIN
*/

#container {
	width:100%;
}
p {
	font-size:11px;
	color:#666;
	line-height:1.4em;
	padding-bottom:1em;
}
p:last {
 padding-bottom:0em;
}
#div_logo {
	width:100%;
	height:160px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-image:url(../img/div_logo.png);
}
#div_musica {
	margin-left:130px;
	width:892px;
	height:18px;
	margin-top:6px;
	margin-bottom:16px;
	background:url(../img/playerbg.png) no-repeat center center;
	box-sizing:border-box;
	}

#div_musica .controles {
    height:18px;
    width:auto;
    margin-left:24px;
    display:inline-block;
    float:left;
}

#div_musica .controles button{
    border:0;
    height: 18px;
    width:11px;
    margin-right: 8px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
    background-image:url(../img/controles.png);
    display: inline-block;
    padding: 0;
    float: left;
}

#div_musica .controles button.prev{
    background-position:left center;
}
#div_musica .controles button.next{
    background-position:right center;
}
#div_musica .controles button.play{
    background-position:-22px center;
}

#div_musica .controles button.pausa{
	background-position:-11px center;    
}

#div_musica .playerTit {
    display:inline-block;
    margin:0;
    padding:0;
    color: #FFF;
    float:left;
    height: 18px;
    line-height: 18px;    
}

#div_musica .grafico .on, #div_musica .grafico .off{
    float:left;
    margin-left:30px;
    margin-top:0px;
    height:16px;
}

#div_musica a {
    color:#FFF;
    font-size:11px;
    line-height: 18px;
    float:right;
    margin-right: 25px;
}

#div_izq {
	position:relative;
	z-index:100;
	float:left;
	width:824px;
	padding-left:135px;
}
#div_contenido {
	width:548px;
	float:right;
	padding-right:22px;
	overflow:auto;
}
#div_menu {
	position:relative;
	float:left;
	width:210px;
	height:746px;
}
#div_pie {
	clear:both;
	background-image:url(../img/div_pie.png);
	width:133px;
	height:68px;
	position: relative;
	bottom:0px;
	left:460px;
}
#div_der {
	z-index:50;
	position:absolute; 
	right:0px; 
	width:207px;
	height:1100px;
	background-position:right;
	background-repeat:repeat-y;
}

#titulo {
	height:230px;
}
#div_btn_02 {
	background-image:url(../img/btn_02.png);
	width:276px;
	height:357px;
	position:relative;
	top:25px;
}
.div_galeria {
	clear:both;
	width:100%;
	overflow:auto;
}
.div_galeria li {
	float:left;
	margin-bottom:8px;
	margin-right:8px;
	overflow:auto;
}
#obras_item .descargas p {
	color:#9A1919;
}
#obras_item .descargas a {
	color:#666;
	font-style:italic;
	text-decoration:underline;
}

#div_contacto strong{
color:#0688B9;	
}
#div_contacto p{
	font-size:12px;
}

#div_contacto label{
	display:block;
	font-size:11px;
	margin-bottom:5px;
}
#div_contacto .txt_input, #div_contacto .txt_area {
	font-size:12px;
	color:#0688B9;	
	width:336px;
	padding:2px;
	display:block;
	border:1px #666 solid;
	margin-bottom:12px;
}
#div_contacto .txt_area {
	height:120px;
	margin-bottom:10px;
	resize:none;
}

#btn_enviar{
	font-size:11px;
	color:#666;
	border:none;
	padding-left:50px;
	background-color:#fff;
	background-image:url(../img/btn_enviar.png);
	width:105px;
	background-position:left;
	background-repeat:no-repeat;
	margin-left:239px;
	cursor:pointer;
}

#btn_enviar:hover{
	color:#0688B9;
}

#mensaje_enviado{
	display:inline;
	padding:6px;
	font-size:12px;
	color:#fff;
	background-color:#0688B9;
}



/*MENU SVG*/
    .menu{
        cursor: pointer;
    }
    .menu .bg{
        transition:all 1s;
    }
        
    .item1 .bg{
        fill:url(#img1);
    }
    .item1:hover  .bg, .item1.activo  .bg{
        fill:url(#img1h);
    }
    
    .item2 .bg{
        fill:url(#img2);
    }
    
    .item2:hover .bg, .item2.activo .bg{
        fill:url(#img2h);
    }
    
    .item3 .bg{
        fill:url(#img3);
    }
    .item3:hover .bg, .item3.activo .bg{
        fill:url(#img3h);
    }
    
    .item4 .bg{
        fill:url(#img4);
    }
    .item4:hover .bg, .item4.activo .bg{
        fill:url(#img4h);
    } 

    .item5 .bg{
        fill:url(#img5);
    }
    .item5:hover .bg, .item5.activo .bg{
        fill:url(#img5h);
    }

    .item6 .bg{
        fill:url(#img6);
    }
    .item6:hover .bg, .item6.activo .bg{
        fill:url(#img6h);
    }

    .item7 .bg{
        fill:url(#img7);
    }
    .item7:hover .bg, .item7.activo .bg{
        fill:url(#img7h);
    }

@keyframes fader{
    0%{ opacity:1}
    50%{opacity:.9}
    100%{opacity:1}
}

.menu:hover .bg{
    animation-name: fader;
    animation-duration: .3s;    
}