/* Global Classes */
body{text-align:center; margin:0px auto; background-color:#e5e5e5; background-image: url(/img07/fondo1.gif) ;padding-top: 10px;padding-bottom:10px; cursor:url(/img07/cursores/perro.cur)}
a, span, div, td, p, ul{font-family:Arial, Helvetica, sans-serif; color:#57717b; font-size:11px; font-weight:normal; text-decoration:none; text-align:left;}
p, ul{margin:0px 0px 0px 0px; padding:0px;}
li{float:left; list-style-type:none;}
.lnk:hover, a:hover{text-decoration:underline;}
h1{width: 570px; }
h1 img{margin: 0 0 5px 0}
h2, h2 a{margin:0px 0px 0px 0px; font-size: 115%; font-weight:bold; }
h3, h3 a{margin:0px 0px 0px 0px; font-size: 125%;font-weight:bold;}

/* Estilos generales fondos */
#lv1{position: relative; top: 0px; width: 100%; text-alig: center}
.clip{ position: absolute; left: 50%; width: 163px; margin-left: 220px; top: 5px;  z-index: 100;  }
.franja{width: 100%; background-color: #26a4b2; margin: 11px 0 0 0; z-index: 2; height: 56px; position: absolute}
.lv2{z-index: 1; position: absolute; background-color: #b3c2c8; width: 780px; left: 50%; margin-left: -380px;height: 1000px; max-height: 1000px }

.content{ z-index: 2; position: absolute; border: 2px solid #98aab1; padding: 5px; margin: 76px 10px 10px 10px; width: 760px; max-width: 745px; height: 900px; max-height: 900px; background-color: #FFF; background-image: url(/img07/bg_albergue.jpg); background-position: top; background-repeat: no-repeat; display: inline;}

#lat_izdo {float: left; display: inline; width: 150px;}
#ad img{margin: 5px 0 0 0px}

.franja .logo{width:197px; height: 44px; position: absolute; left: 50%; margin-left:-368px; top: 6px}
.franja .menusup{position: absolute; left: 50%; margin-left: -50px; top: 8px; width: 190px;}
.franja .menusup .op{width: 95px; float: left; display: inline;font-weight: bold; font-size: 11px; color: #fff; font-family: verdana}
.lnkop1, .lnkop2, .lnkop3, .lnkop4, .lnkop5, .lnkop6{font-weight: bold; font-size: 11px; letter-spacing: 1px}
.lnkop1{color: #fcc}
.lnkop2{color: #cf9}
.lnkop3{color: #fc9}
.lnkop4{color: #fff}
.lnkop5{color: #ff9}
.lnkop6{color: #cff}


#menu{width: 150px; max-width: 160px; background-color: #f1f1f1; border: 2px solid #ccc; display: inline; float: left; padding: 0 5px 0 0}
#menu .menutit{margin: 5px 0px 2px 5px}
#menu .menuop1,#menu .menuop2,#menu .menuop3,#menu .menuop4{margin: 0 0 0 5px; padding: 0 0 0 13px; height: 14px}
#menu .menuop1{background : url(/img07/bl_albergue.gif) no-repeat 0px 3px;}
#menu .menuop2{background : url(/img07/bl_peludos.gif) no-repeat 0px 3px;}
#menu .menuop3{background : url(/img07/bl_magazine.gif) no-repeat 0px 3px;}
#menu .menuop4{background : url(/img07/bl_comunidad.gif) no-repeat 0px 3px;}
#menu .menuop1 .lnk,#menu .menuop2 .lnk,#menu .menuop3 .lnk,#menu .menuop4 .lnk{font-size: 11px; font-family: verdana}
#menu .menuop1 .lnkon,#menu .menuop2 .lnkon,#menu .menuop3 .lnkon,#menu .menuop4 .lnkon{font-size: 11px; font-family: verdana; font-weight: bold}
#menu .menuop1 .lnk:hover{color: #67c1d3}
#menu .menuop2 .lnk:hover{color: #ff9415}
#menu .menuop3 .lnk:hover{color: #5ebd4b}
#menu .menuop4 .lnk:hover{color: #cc6699}

#menu .menuop1 .lnkon{color: #328997}
#menu .menuop2 .lnkon{color: #ff5b15}
#menu .menuop3 .lnkon{color: #326807}
#menu .menuop4 .lnkon{color: #ae1d42}

#pie{display: inline;float: left; position: relative; margin-top: 1010px; width: 100%;25px; max-height: 25px; text-align: center;}
#pie a{text-decoration: underline}
#pie .nota{font-size: 9px; line-height: 10px}

.content #voluntarios{ height: auto; width: 395px; max-width: 395px; float: left; display: inline; margin: 70px 0 0 10px; }
.content #voluntarios a{text-decoration: underline; font-weight: bold}
.content #voluntarios #vol1,.content #voluntarios #vol2,.content #voluntarios #vol3,.content #voluntarios #vol4{border: 2px solid #b2b3b8; display: inline; width: 395px; height: 168px;}
.content #voluntarios #vol1{background-image: url(/img07/colabora/canguro.jpg); background-position: top; background-repeat: no-repeat; padding: 35px 5px 5px 200px;max-height: 128px;max-width: 190px;}
.content #voluntarios #vol2{background-image: url(/img07/colabora/airpadrino.jpg); background-position: top; background-repeat: no-repeat;padding: 27px 5px 5px 187px;max-height: 136px;max-width: 203px;}
.content #voluntarios #vol3{background-image: url(/img07/colabora/cibersabueso.jpg); background-position: top; background-repeat: no-repeat;padding: 30px 5px 5px 200px;max-height: 133px;max-width: 190px;}
.content #voluntarios #vol4{background-image: url(/img07/colabora/peludomovil.jpg); background-position: top; background-repeat: no-repeat;padding: 35px 5px 5px 200px;max-height: 128px;max-width: 190px;}
.content #voluntarios h1{margin: 0 0 10px 0; border-bottom: 1px solid #4695a2;width: 395px;}

.content #urgentes{float:left; display: inline; width: 160px; max-width: 160px; margin: 139px 0 0 15px}
.content #urgentes h1{margin: 0 0 0 0; width: 160px;}
.content #urgentes .tx_urgentes{width: 158px; max-width: 158px; height: 166px;max-height: 166px;background-color: #feebc2; border: 2px dotted #ef9922}
.content #urgentes .tx_urgentes h3, .content #urgentes .tx_urgentes h3 a{font-weight: bold; color: #6d6967; text-decoration: underline; text-align:center}
.content #urgentes .tx_urgentes #slidedom img{margin-top: 30px}


.content #news_center{width: 575px; max-width: 575px; float: left; display: inline; margin: 15px 0 0 0px; }
.content #news_center h1{margin: 0 0 0 10px; border-bottom: 1px solid #326807}
.content #news_center .thenews{width: 277px; max-width: 277px; height: 132px; max-height: 132px; float: left; display: inline; margin: 10px 0 0 10px; background-image: url(/img07/bg_news.gif); background-position: 0 0; background-repeat: no-repeat;background-color: #dce5c6;}
.content #news_center .thenews .img{float: left; width: 60px; height: 60px; display: inline; margin: 0 5px 0 0;}
.content #news_center .thenews h2{float: right; display: inline; width: 250px;  margin: 3px 0 0 0; padding: 0; color: #326807; }
.content #news_center .thenews h2 a{color: #326807;}
.content #news_center .thenews .txart{float: left; display: inline; width: 250px; margin: 0 0 0 15px; padding: 0;}
.content #news_center .thenews .datum{ width: 254px;margin: 3px 0 0 0; padding: 3px; text-align: right;position: relative}
.content #news_center .thenews .datum,.content #news_center .thenews .datum a{color: #919f41; font-weight: bold; font-size: 101%}
.content #news_center .thenews .datum img {margin: 0 0 0 6px}
.content #news_center .thenews .datum a:hover{text-decoration: underline}