/*
Theme Name: deFusion
Theme URI: http://webdemar.com/demo/?wptheme=deFusion
Description: Clean and easy customizable theme deFusion by <a href="http://webdemar.com">webdemar</a>. Now with dropdown menu, sticky posts and threaded comments.
Version: 0.9
Author: webdemar
Author URI: http://webdemar.com
Tags: black, dark, white, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post
*/
	
body {margin: 0px;padding: 0px;background: #fff url(img/fons-blog-tree.jpg) no-repeat center 47px;background-attachment:fixed;color:#547064;font:14px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif}
a {text-decoration:none;color:#0A331F;outline:none}
a:hover {text-decoration:none;color:#ccc}
p {margin: 0 0 20px 0;font-size:12px}

ul, ol {margin-bottom: 20px}
#page {width:800px;	margin: 0 auto}
	
#header {position:relative;width:800px;height:81px;margin-top:274px}

#content {padding: 20px 0 0 0;background:#fff}
#content-left {float:left;width:530px}
#content-right {float:right;	width:250px}
#footer {}
#menu{float:left;height:30px}
/*#menu ul{padding:0;margin:0}
#menu li{list-style:none;display:inline;float:left;height:30px;padding: 0 20px}*/
#menu a{float:left;margin-top:6px;color:#fff}
#first{padding:6px 30px}
.oculto{display:none}
h1, h1 {margin: 0 0 20px 0}
h3, h4, h5, h6 {margin: 0 0 10px 0}
h1#blog-title {position:absolute;bottom:80px;left:0;margin:0;padding:0;line-height:1;font-size:24px;font-weight:400}
h1#blog-title a {	color: #fff;text-decoration:none}
h2#blog-description {position:absolute;bottom:60px;left:0;margin:0;padding:0;font-size:11px;font-weight:400}
h2.category-title {margin: 0 20px 20px 20px;padding: 0 0 10px 0;border-bottom: 1px solid #dedede;font-size:14px}
h3.post-title {margin: 0 0 20px 0;font-size:1.8em;font-weight:700;color:#8cc63f;line-height:1}
h3.post-title a {text-decoration:none;color:#8cc63f}
h3.post-title a:hover {color:#666}
h4.sidebar-title {font-size:12px/18px;color:#fff}	
#top-nav {position:absolute;top:10px;right:0px;margin:0px;padding:0px;list-style:none}
#top-nav li {float:left;margin: 0 0 0 10px}
#top-nav li#rss {padding: 0 0 0 15px;background: url(img/rss-icon.gif) no-repeat left center}

#img_manual{width:350px;margin-left:130px;padding-top:20px}
#parrafo_manual{width:510px;margin-top:20px;min-height:120px}
#btn_manual{ margin-bottom: 10px}
#btn_manual img{margin-left: 20px}
#boton_form{position:absolute;margin-top:130px}

/* estilos navegacion */
#menu{float:left;height:81px/*30px*/}
#menu ul{padding:0;margin:0}
#menu li{list-style:none;display:inline;float:left;margin-top:51px; margin-right:8px;height:30px;padding: 0 20px}
#menu a{float:left;margin-top:6px;color:#fff}
/* estilos navegacion */

.first{background-color:#e53145; margin-right:8px}
#menu #nav #first a:hover{background-color:#e05565}
#menu #nav .page-item-5{background-color:#547064}/*concursos*/
#menu #nav .page-item-5:hover{background-color:#839792}
#menu #nav .page-item-8{background-color:#d1e1ca}
#menu #nav .page-item-8:hover{background-color:#cfcfcf}
#menu #nav .page-item-11{background-color:#f68b1f}
#menu #nav .page-item-11:hover{background-color:#eeb071}
/*#menu #nav .page-item-1303{background-color:#ffe400}*/
#menu #nav .page-item-1303{height:81px;margin-top:0px;width:105px}
#menu #nav .page-item-1303 a{margin-top:56px}
#menu #nav .page-item-1303:hover{height:81px;margin-top:0px;}
#menu #nav .page-item-1303{background:transparent url(img/fondoMenuMascotas.png) no-repeat;height;81px}

#menu #nav .page-item-1618{background-color:#A6A6A6; -margin-left:3px;}/*treemembers*/
#menu #nav .page-item-1618:hover{background-color:#404040}

/* estilos navegacion es */
#menu #nav .page-item-14{background-color:#fee318}
#menu #nav .page-item-14:hover{background-color:#fbeb71}
#menu #nav .page-item-19{background-color:#d1e1ca}
#menu #nav .page-item-19:hover{background-color:#cfcfcf}
#menu #nav .page-item-9{background-color:#f68b1f}

#iconos_barraLateral{width:225px}

/*CONTENT*/
.box-left, .post, .page {margin: 0 0 40px 20px}
.sticky {padding:20px;border: 1px dotted #ccc}
.meta {font-size:10px;clear:both;padding:10px;background: #fff url(img/bg-meta.gif) repeat-x left top;color:#5e5e5e}
.meta-date {padding: 0 10px 0 15px;background: url(img/bg-meta-date.gif) no-repeat 0px 2px}
.meta-categories {padding: 0 10px 0 15px;background: url(img/bg-meta-categories.gif) no-repeat 0px 2px}
.meta-comments {padding: 0 10px 0 15px;background: url(img/bg-meta-comments.gif) no-repeat 0px 2px}
p.tags {clear: both}

.box-right {margin: 0 12px 0px 0;padding:12px;background:#d1e1ca}
.box-right ul {margin: 0 0 5px 0;font-size:12px;padding:0px;list-style:none;text-decoration:none}
.box-right li {color:#0A331F;font-size:12px;margin:0px;padding:0px}
.box-right li a {color:#0A331F;font-size:12px;text-decoration:none}
.box-right li ul {font-size:12px;margin: 0 0 0 20px;list-style:square}
.box-right li li {font-size:12px;border:none}
/*COMMENTS*/	
.dejaComent{margin:18px 0 16px 0;float:left;width:100%}
#commentform label {width:450px;display:block;margin: 0 0 5px 0;float:left}
#commentform input.text, #commentform textarea {width:90%;margin: 0 0 10px 0}
#commentform .text {height:22px;padding: 6px 6px 0 6px;background: #fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e}
#commentform textarea {height:150px;padding:6px 6px 0 6px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e}
#commentform .button {width:auto;height:30px;margin:0px;padding:0 20px;background:#6e7073;border:none;color:#fff}

.commentlist .comment {height:auto;margin: 10px 0 0 0;float:left}

.commentlist .quote {padding: 20px 20px 0 20px;background: #4a4f54 url(img/bg-comment-quote.gif) no-repeat right top}
.avatar {float:right;margin:0 0 10px 20px}
.commentlist .cite {display:block;padding:20px 0 0 0;color:#6e7073;background: #fff url(img/bg-comment-bubble.gif) no-repeat left top;font-style:400}
.comentariodeautor{background-color:#999999; border:1px solid #F7F;}

.commentlist li {margin:0;padding:0;list-style:none;background:#fff;border-bottom:1px solid #cacaca;font-size:12px;color:#4a4f54}
.commentlist li a {font-weight:700;color:#4a4f54}
.commentlist .autor {font-weight:700;font-size:14px;width:100%;float:left}
.commentlist .texto {font-weight:400;font-size:14px;width:100%;float:left;margin:9px 0 0;text-align:left}
.commentlist .puntos, .commentlist .fecha {font-size:11px;width:100%;float:left}
.avatarUsuario{float:left;width:64px;height:64px}
.cajaComentario{float:right;width:412px;margin:0 0 0 20px}
.thdrpy{width:200px;float:right;text-align:right;margin:-11px 12px 12px 0}
.commentlist ul.children {margin:0;padding:0}
.commentlist .children li {border-bottom:1px solid #cacaca;border-right:none}
#cancel-comment-reply {margin: 10px 0}


/*SEARCHFORM*/
#searchform #search {float:left;width:146px;height:22px;padding:6px 6px 0 6px;background: #fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e}
#searchform .button {width:auto;height:30px;margin:0px;padding: 0 10px;background:#4a4f54;border:none;color:#fff}
/*FOOTER*/
#footer{background-color:#fff;margin:0 auto;padding:20px 0 0 0;width:800px}
#footer p{float:left;width:100%;text-align:center;font-size:15px;color:#808285;font-family:Arial, Helvetica, sans-serif}
.sub_footer{float:left;background-color:#C4DF9B;color:#8CC63F;height:52px;width:800px;text-align:center}
.sub_footer a{text-decoration:none;font-size:9px;color:#666;padding: 0 12px;font-weight:700}
#legal{float:left;width:400px}
#webdemar{float:right;text-align:right;width:400px}
.aligncenter{display:block;margin:0 auto 20px}
div.aligncenter{display:block;margin:0 auto}
/*WORDPRESS CSS */
.aligncenter, div.aligncenter {display:block;margin: 0 auto}
.aligncenter {margin-bottom: 20px!important}
.alignleft {float:left;margin: 0 20px 20px 0}
.alignright {float:right;margin: 0 0 20px 20px}
.wp-caption {margin-bottom:20px;	padding-top:4px;border: 1px solid #ccc;text-align:center;background-color:#f7f7f7}
.wp-caption img {float:none;margin:0px;padding:0px;border:none}
.wp-caption p.wp-caption-text {padding:0px;margin:0px}
/** WIDGETS CSS */
#calendar_wrap table {width:100%}
#calendar_wrap td {text-align:center}
#wp-calendar caption {	margin: 0 0 10px 0;background:#dedede}
/*	USEFUL*/
.clear {clear: both}
.clearfix:after {display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix {display:inline-block}
html[xmlns] .clearfix {display:block}
* html .clearfix {height:1%}/** CSS BASIC ELEMENTS */
hr {clear:both;height:1px;margin: 20px 0;background:#dedede;border:none}
blockquote {margin: 0 0 0 10px;padding:0 0 0 10px;border-left:5px solid #f7f7f7}
fieldset {margin: 0 0 20px 0;padding: 0 20px 20px 20px;background:#f7f7f7;border:none}
legend {font-size:14px;font-weight:700}

input.password {width:auto}
input.button {width:auto;height:30px;margin:0px;padding: 0 20px;background:#6e7073;border:none;color:#fff}
table {width:100%;margin: 0 0 20px 0;border: 1px solid #dadada;border-bottom:none;border-right:none}
th, td {padding: 2px 5px;border-bottom:1px solid #dadada;border-right: 1px solid #dadada}
th {background:#6e7073;color:#fff;border:none}
pre {font-family: Courier, serif}
/* CSS Document */
#big_one{width:802px;height:100%;background-color:#FFF;margin-bottom:20px}
#menu_superior{text-align:left;background-color:#FFF;text-align:center}
.mes_30{width:830px;margin:0px;padding:0px}
.link_menu:hover{color:#333}
.body{background-color:#F1F8E8;font-family:Arial, Helvetica, sans-serif}
.left{float:left}
.color_tree{color:#8CC63F}
.color_tree2{color:#666666}
.bold{font-weight:700}
.9px{font-size:9px}
.nounderline{text-decoration:none;font-size:9px;font-weight:700}
.link_menu{text-decoration:none;color:#9A9C9F;font-size:11px;font-weight:700;padding-right:20px}
.red_div{text-align:left;font-size:12px;font-weight:700;background-color:#E51937;color:#E5E5E5;padding:15px 5px;margin-top:25px}
.gris{color:#606060;font-weight:700;font-size:12px}
.selected{background-color:#E0EBDE}
.registro_left{float:left; width:178px; height:auto; text-align:left;padding: 0 10px 0 25px}
.verde_oscuro{color:#547064;font-weight:700;font-size:12px}
.title_dark{font-size:16px;color:#0A331F}
.error{color:#FF0000;font-size:9px;font-family:Verdana;margin-left:5px;height:100%;min-height:8px}
.error DIV{display:none}
.link_gris{color:#555;font-weight:700;font-size:14px}
.link_gris:hover{text-decoration:none}
.link_gris:active{text-decoration:none}
.link_gris:visited{text-decoration:none}
.hover{text-decoration:none}
.hover:hover{text-decoration:none}
.hover:active{text-decoration:none}
.hover:visited{text-decoration:none}
/*mascotas*/
#mascotas{padding:0 0 0 0;background:#fff}
#form_mascotas{background:#fff}
#mascotas input{border:none;margin:0;padding:0;color:#859895}
.verdeAlegre{color:#8ec63f}
#cabeceraMascota{color:#547064;background:url(img/animalicosFondo.png) #fcc00e 420px 23px no-repeat;min-height:256px;float:left;width:100%}
#cabeceraMascota h2{width:100%;float:left;font-size:24px;font-weight:700;margin:154px 0 24px 22px}
#cabeceraMascota p{font-size:18px;margin:0 0 0 22px;width:763px;float:left}
#loginMascota{min-height:90px;float:left;width:100%}
#loginMascota h3{font-size:18px;font-weight:700}
.mascotaNoLogueado{background-color:#d1e1ca}
#loginMascotaLeft{float:left;width:400px;margin:15px 0 0 20px}
#alertLogin{float:left;width:100%;background: url(img/alertRojo.png) no-repeat top left;height:20px}
#alertLogin p{float:left;margin:0 0 0 24px}
#loginMascotaRight{margin:20px 4px 0 0;width:340px;float:right}
#loginMascotaRight p, #loginMascotaRight input{float:left;width:136px;text-align:left;margin:0 16px 2px 0;padding:0}
#loginMascotaRight p{font-size:12px;font-weight:700}
#subirMascota{float:left;min-height:350px;margin:16px 20px 38px 22px;border-bottom: solid 2px #9fafa8;padding-bottom:11px}
#subirMascota h4{margin:0 0 44px 0;float:left;text-align:left;font-size:18px;width:100%}
#subirMascota input{color:#859895;height:26px;float:left;width:100%;margin:9px 0;background-color:#D1E1CA;border:none;margin:0;padding:0}
.numeroPasoMascota{font-size:24px;color:#78a22f}
#fotoMascota{float:left;width:173px;margin-bottom:10px}
#fotoMascota img{margin-bottom:8px}
.borderAlert{border:1px solid #e51937}
#datosMascota{float:left;width:260px;margin-left:20px}
#datosMascota p{font-size:12px;font-weight:700;margin-bottom:2px;padding:0}
#datosMascota input, #tipoBicho{color:#859895;background-color:#D1E1CA;width:100%;border:none;margin:0 0 12px 0;padding:0}
#fechaBicho{float:left;width:148px;border:none;height:71px}
#mmBicho, #ddBicho{color:#859895;width:36px;background-color:#D1E1CA;border:none}
#anoBicho{width:51px;background-color:#D1E1CA;border:none;color:#859895}
#sexoBicho{float:right;width:80px;margin-right:10px}
#sexoBicho input{float:left;background-color:#D1E1CA;border:none;width:13px;margin:0}
.sexo{float:left;width:50px;margin:3px}
#opcionesSexo{float:left;width:80px}
.opcionSexo{float:left;width:100%}
.alert{float:left;font-size:11px;color:#e51937;width:100%;background: url(img/alertRojo.png) no-repeat top left;height:20px}
.alert p{float:left;margin:0 0 0 24px;font-weight:400}
#historiaMascota{float:left;width:280px;margin-left:20px}
#historiaMascota textarea{float:left;width:100%;height:155px;background-color:#D1E1CA;border:none;color:#859895}
#enviarFormularioMascota{float:right;width:80px;background: url(img/bolitaVerdeVivo.png) no-repeat top left;min-height:20px;margin-top:72px}
#enviarFormularioMascota p{margin-left:25px}
.enviarMascota{font-size:18px;color:#547064}
#verMascotas,#miniaturasMascotas{float:left;width:100%}
#verMascotas{margin-bottom:30px}
#tituloVisorMascotas{font-size:18px;font-weight:700;float:left;width:100%;margin-bottom:18px}
.mascota{position:relative;float:left;margin-left:11px;margin-bottom:7px;height:353px;width:188px;background-color:#D1E1CA;cursor:pointer}
.mascota img{float:left;margin:7px}
.mascota h4{float:left;font-size:15px;font-weight:700;margin:0 0 3px 7px;line-height:15px}
.mascota p{float:left;width:100%;font-size:11px;margin:0 0 0 7px;line-height:14px}
.negritaMiniatura{float:left;font-size:11px;font-weight:700}
.edadMiniatura{font-size:11px;width:75px;position:absolute;bottom:6px;left:7px}
.verMasMiniatura{width:58px;position:absolute;bottom:6px;right:6px}
.verMasMiniatura a{font-size:11px;float:right}
.verMasMiniatura a strong{float:left;font-size:18px;margin-right:3px;margin-top:1px}
.oculto{display:none}
#paginacionMiniaturas{width:100%;text-align:center;float:left;font-size:15px}
#paginacionMiniaturas a:nth-last-child(2):before, #paginacionMiniaturas a:nth-last-child(2n+1):before {padding:0 7px 0 0}
.paginaInactiva {color:#ccc}
.paginaInactiva:hover{color:#0A331F}
.paginaActiva{font-weight:700;color:#0A331F}