/*Genérico*/

@font-face {
font-family: 'fontello';
src: url('/oc/font/fontello.eot?17431879');
src: url('/oc/font/fontello.eot?17431879#iefix') format('embedded-opentype'),
url('/oc/font/fontello.woff?17431879') format('woff'),
url('/oc/font/fontello.ttf?17431879') format('truetype'),
url('/oc/font/fontello.svg?17431879#fontello') format('svg');
font-weight: normal;
font-style: normal;
}


html,body{width:100%;height:100%;padding:0;margin:0}
*{position:relative; box-sizing:border-box; font-family: 'Montserrat', sans-serif;}
body{background:white; color:#000; font-family: 'Montserrat', sans-serif; font-size: 16px; -webkit-text-size-adjust:none;}
body.fobig{background:#f7f7f7;}
/*
a{color:#666; text-decoration:none;}
*/
a{color:#03A9F4; text-decoration:none;}
a:hover{color:black;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
h1,h2,h3{font-size:22px;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
input,select,textarea{-webkit-appearance:none;outline:none;}

a.linkround{line-height:40px; display:inline-block; border:1px solid #ccc;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;color:black; padding:0 20px;}
a.linkround:hover{background-color:#eeeeee;}

::-webkit-input-placeholder {font-family: 'Montserrat', sans-serif;}
:-moz-placeholder {font-family: 'Montserrat', sans-serif;}
::-moz-placeholder {font-family: 'Montserrat', sans-serif;}
:-ms-input-placeholder {font-family: 'Montserrat', sans-serif;}


/*Iconos fuente*/
.ti
{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration:none;
text-align:center;
font-variant:normal;
text-transform:none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*Sistema mensajes general*/
#BoxMsj{position:fixed; z-index:3000; left:0; top:0; right:0; background:white;min-height:30px;-webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.55);box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.55);display:none;}
#BoxMsj .msj{width:100%; padding:10px; text-align:center; color:#666;}
#BoxMsj .msj.conboton{padding-top:30px;}
#BoxMsj .botonclose{position:absolute; right:0; top:0; width:50px; height:40px; color:black;line-height:40px; text-align:center; font-size:24px; cursor:pointer;}
.DarkBoxMsj{display:none; z-index:2999; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.2);}


/*Barra superior Inicio y genérica*/
.topbar{background:white; height:60px;}
.topbar .logo{position:absolute; left:60px; top:15px; opacity:0.6;}
.topbar .logo:hover{opacity:0.8;}
.topbar .list{position:absolute; left:185px; right:60px; top:0; line-height:60px;color:#ccc;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.topbar .list a{color:black; padding:0 10px; opacity:0.6;}
.topbar .list a:hover{opacity:1;}
@media(max-width:610px){.topbar .list{display:none;}}


.topbar .usertopboton{position:absolute; overflow:hidden; right:10px; top:10px; width:40px; height:40px; line-height:40px; text-align:center;font-size:24px;display:block;cursor:pointer;border:1px solid #888888;color:#777777; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.topbar .usertopboton.userphoto{border:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.topbar .usertopboton.notif:after{display:block; content: ''; width:10px; height:10px; position:absolute; right:0; top:0; background-color:red;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.topbar .usertopboton:hover{color:#000;}
.topbar .usertopboton img{width:40px; height:40px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}


/*
.topbar .usertopboton{position:absolute; overflow:hidden; right:10px; top:10px; width:40px; height:40px; line-height:40px; text-align:center;font-size:24px;display:block;cursor:pointer;border:1px solid #888888;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#777777;}
.topbar .usertopboton.userphoto{border:0;}
.topbar .usertopboton.notif:after{display:block; content: ''; width:10px; height:10px; position:absolute; right:0; top:0; background-color:red;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.topbar .usertopboton:hover{color:#000;}
.topbar .usertopboton img{width:40px; height:auto;}
*/

.topbar .upload{position:absolute; right:60px; top:10px;line-height:40px; text-align:center;font-size:24px; color:white;width:40px; height:40px;display:block;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#69af25;}
.topbar .upload:hover{opacity:0.8;}

/*Foto grande y búsqueda en inicio*/
.fotoinicio{height:auto; min-height:600px;background-position:50% 50%;background-repeat: no-repeat;background-size: cover;text-align:center;}
.fotoinicio .dark{position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
.fotoinicio .medio{position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);width:90%;color:white;z-index:2;max-width:800px;}
.fotoinicio .medio h1{font-size:32px;}
.fotoinicio .medio a.map h2{margin-bottom:10px; margin-top:30px; color:white;}
.fotoinicio .medio a.map img{opacity:0.6;}
.fotoinicio .medio a.map:hover img{opacity:1;}
.fotoinicio .medio a.map p{color:white;}
.fotoinicio .bigbus{margin:0 auto; margin-top:40px;background-color:white;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden;text-align:left;}
.fotoinicio .bigbus input[type="text"]{border:0; background:white; padding:20px; font-size:20px;width:calc(100% - 60px);}
.fotoinicio .bigbus input[type="submit"]{border:0; background:white; line-height:60px; padding:0 10px; padding-top:4px; font-size:30px;position:absolute; right:0;width:60px;cursor:pointer;opacity:0.5;}
.fotoinicio .bigbus input[type="submit"]:hover{opacity:0.8;}
.fotoinicio a{color:rgba(255,255,255,0.7);}
.fotoinicio a:hover{color:white;}
.fotoinicio a.iniaut{display:block; position:absolute; bottom:10px;right:10px; width:40px; height:40px;background-color:rgba(0,0,0,0.4);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;line-height:40px; text-align:center; font-size:18px;}
.fotoinicio a.iniaut:hover{background-color:rgba(0,0,0,0.8);}
@media(min-width:800px){.fotoinicio .medio a.map h2{margin-top:50px;font-size:32px;}}



/*Buscar en barra resto web*/
.topbar .search{position:absolute; left:185px; right:115px; top:0; height:60px; color:#ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.topbar .search .bigbus{border:1px solid #8e8e8e; max-width:500px; margin:0 auto; margin-top:8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:0 5px;}
.topbar .search .bigbus input[type="text"]{border:0; background:white; padding:0 10px; line-height:40px; font-size:19px;width:calc(100% - 50px);}
.topbar .search .bigbus input[type="submit"]{border:0; background:white; color:black; font-size:26px; width:45px; line-height:40px; position:absolute; cursor:pointer;opacity:0.5;right: 3px;padding:0;}
.topbar .search .bigbus input[type="submit"]:hover{opacity:0.8;}
.topbar .search .closesearch{display:none; position:absolute; right:5px; top:0; height:60px; width:50px;line-height:60px;color:black; text-align:center; font-size:26px;cursor:pointer;z-index:100;}

/*Icono buscar en anchos pequeños*/
.IconoBuscar{position:absolute; left:185px; top:0; width:60px; height:59px; border-left:1px solid #ccc;border-right:1px solid #ccc;line-height:60px; font-size:30px; text-align:center;cursor:pointer;display:none;}
.IconoBuscar:hover{background-color:#f5f5f5;}
@media(max-width:575px)
{
	.IconoBuscar{display:block;}
	.topbar .search{position:absolute; left:50px; right:0; top:0; height:59px;display:none;background-color:white; z-index:5;padding-left:5px;padding-right:60px;}
	.topbar .search.open{display:block;}
	.topbar .search .closesearch{display:block;}
}
/*Icono buscar en anchos muy pequeños*/
@media(max-width:360px)
{
a.logo{display:none;}
.IconoBuscar{display:block; left:60px;}
.topbar.inicio a.logo{display:block;}
}


.topbar.cuenta a.logo{display:block; position:absolute; left:10px; top:15px; opacity:0.6;}

/*Boton menu*/
#botonmenu{position:absolute; z-index:1001; left:0; top:3px; width:50px; height:50px; cursor:pointer;}
#botonmenu .nav-icon{position:absolute;left:7px; top:8px;padding:0 5px;cursor: pointer;display: inline-block;vertical-align: middle;width:42px;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
#botonmenu .nav-icon:after,#botonmenu .nav-icon:before,#botonmenu .nav-icon span{display: block;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;content: '';margin: 5px 0;height: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;background-color:#666666;}
#botonmenu:hover .nav-icon:after,#botonmenu:hover .nav-icon:before,#botonmenu:hover .nav-icon span{background-color:#000000;}
#botonmenu.open {position:fixed;}
#botonmenu.open .nav-icon:before{transform: translateY(10px) rotate(135deg);-webkit-transform: translateY(10px) rotate(135deg);-moz-transform: translateY(10px) rotate(135deg);background-color:#fff;}
#botonmenu.open .nav-icon:after{transform: translateY(-10px) rotate(-135deg);-moz-transform: translateY(-10px) rotate(-135deg);-webkit-transform: translateY(-10px) rotate(-135deg);background-color:#fff;}
#botonmenu.open .nav-icon span{transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);background-color:#fff;}

/*Menu*/
#MenuLeft{position:fixed; left:-300px; top:0; bottom:0; background-color:rgba(0,0,0,1); color:white;width:100%; max-width:300px; z-index:1000;overflow:hidden;overflow-y:auto; font-size: 16px;}
#MenuLeft .close{height:80px;}
#MenuLeft ul{margin:0 10px; padding:0; list-style:none;}
#MenuLeft ul li{display:block;}
#MenuLeft a{display:block; line-height:40px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.7);}
#MenuLeft a:hover{color:#fff;}

/*Menu usario*/
#UserMenu{position:absolute; z-index:2000; right:0; top:60px; background-color:black; color:white;width:300px;overflow:hidden;overflow-y:auto;font-size:16px; display:none;}
#UserMenu ul{margin:0 10px; padding:0; list-style:none;}
#UserMenu ul li{display:block;}
#UserMenu a{display:block; line-height:40px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.7);}
#UserMenu a:hover{color:#fff;}
#UserMenu span.newnotmenu{display:inline-block;width: 10px;height: 10px;background-color: red;margin-left: 10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

/*Inicio de sesión o registro en top páginas o mensaje javascript */
.LogReg{display:block; text-align:center;border-top:1px solid #dddddd;}
.LogReg .botones{display:inline-block;margin:0 auto;}
.LogReg .botones a{display:inline-block; line-height:40px; padding:0 20px; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:white;margin:10px;}
.LogReg .botones a.log{background-color:#69af25;}
.LogReg .botones a.reg{background-color:#777777;}
.LogReg .botones a:hover{background-color:#000;}

/*Menu de las fotos | Grid*/
.GridTouchShow{display:none;text-align:center;line-height:40px; color:#666666;padding-bottom:10px;}
@media (hover:none){.GridTouchShow{display:block;}}
.GridTouchShow .contclk{display:inline-block; cursor:pointer;}
.GridTouchShow i{font-size:40px;vertical-align: middle;}
.GridTouchShow span{display:inline-block;padding-left:10px;font-size:16px;vertical-align:middle;}
.GridTouchShow i.apagado{display:inline-block;}
.GridTouchShow i.encendido{display:none;}
.ShowInfoFoto .GridTouchShow i.apagado{display:none;}
.ShowInfoFoto .GridTouchShow i.encendido{display:inline-block;}

div.item > div {position:absolute; left:0; right:0; bottom:-20px;opacity:0;padding:5px;font-size:14px;animation-name: down;animation-duration: 0.3s;background-color:rgba(0,0,0,0.8);color:white;height:30px;}
div.item:hover > div{bottom:0;opacity:1;animation-name: up;animation-duration: 0.3s;}
.ShowInfoFoto div.item > div{bottom:0;opacity:1;animation-name: up;animation-duration: 0.3s;}
@keyframes up {from{bottom:-20px;}to{opacity:1; bottom:0;}}
@keyframes down{from{opacity:1; bottom:0;}to{bottom:-20px; opacity:0;}}
div.item a.au{display:inline-block;color:white;padding:2px 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;white-space:nowrap;font-size:14px;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;}
div.item a.au:hover{background-color:rgba(255,255,255,0.2);}
div.item span.locs{display:inline-block;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;}
div.item span.locs a{display:inline-block;margin-left:3px;color:white;font-size:14px;padding:2px 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
div.item span.locs a:first-child{margin-left:0;}
div.item span.locs a:hover{background-color:rgba(255,255,255,0.2);}
div.item > a{display:block; width:100%; height:100%;}
div.item span.loc{opacity:0;line-height:20px;font-size:14px;position:absolute; left:0;bottom:30px;right:0;background-color:rgba(255,255,255,0.9);height:20px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:2;color:black;padding:0 5px;}
div.item:hover span.loc{opacity:1;animation-name: showt;animation-duration: 0.9s;}
.ShowInfoFoto div.item span.loc{opacity:1;animation-name: showt;animation-duration: 0.9s;}
@keyframes showt{from{opacity:0;}to{opacity:1;}}
div.item span.like,div.item span.edit, div.item span.tufoto{display:inline-block;padding:0 4px;width:24px;height:20px;cursor:pointer;position:absolute; right:5px;font-family: "fontello";font-style: normal;font-weight: normal;text-align:center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;opacity:.9;font-size:18px;color:white;text-align:center;}
div.item span.like:before { content: '\2661'; }

div.item span.like.sel:before{content: '\2665'; opacity:1;}
div.item span.enmapa, div.item span.ourselect{position:absolute; display:inline-block; right:3px; top:3px; width:24px; height:24px; color:white; font-size:16px; background-color:rgba(0,0,0,0.6); text-align:center; line-height:24px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
div.item span.ourselect{right:auto; left:3px;}


div.item span.edit:before{content:'\270d';}
div.item span.tufoto:before{content:'\f2c0';}

/*Lista autores inicio*/
.autlist ul{text-align:center;}
.autlist ul{list-style:none; margin:0; padding:0;}
.autlist li{margin:10px; display:inline-block;}
.autlist a{display:block; color:#888888;background-color:#ffffff;height:60px;padding:5px 20px;padding-left:5px;width:260px;text-align:left;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
border:1px solid #ccc;

}
.autlist a:hover
{
color:#000;
border:1px solid #666666;
}


@media(max-width:645px)
{
.autlist li{width:calc(100% - 20px);}.autlist a{width:100%;}
}

.autlist span{display:block; padding-left:65px; white-space:nowrap; line-height:25px;}
.autlist img{position:absolute; left:5px; top:5px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.autlist .nus{text-align:left;max-width:250px; overflow:hidden; text-overflow:ellipsis;}
.autlist .nfo{text-align:left;padding-left:65px;}


/*Boton verde inicio*/
.botonverde{display:inline-block;padding:0 20px;background-color:#69af25; color:white; height:40px; line-height:40px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; text-align:center;min-width:200px;}
.botonverde:hover{background-color:black; color:white;}
.botonverde.center{left:50%;transform:translate(-50%,0);}

/*Sombra superior en lista de fotos y foto grande*/
.topshadow{height:30px; background:#f7f7f7 url("/oc/i/top-shadow.png") repeat-x left top;}

/*General, no se usa en foto grande ni en inicio*/
.titcent{text-align:center; background:#fff; padding:0 10px; padding-top:20px;}
.titcent h1{font-size:22px; margin:0;}
.titcent p{margin-top:10px;}
.titcent p a{color:black;}
.titcent ul{list-style:none; padding:0;margin:0;}
.titcent li{display:inline-block; margin:0; padding:0 5px;}

/*
grouped dropdown

*/

/*Ni en inicio, ni en foto grande*/
.link-bar{display: flex;position:relative;border-bottom:1px solid #dddddd;padding: 0;color: #000;width: 100%;box-sizing: border-box;}
.context-bar{flex: 1; background-color:#fff; height:40px; overflow:hidden; text-align:center;}
.order-link, .grouped-link{display:inline-block;margin:0;padding:0 10px;text-align: center;color:#444; font-size:20px; line-height:40px;}
.order-link.sel,.order-link.sel:hover{color:black;font-weight:bold;text-decoration:none;}
.order-link:hover,.grouped-link:hover{color:black;text-decoration:underline;}
.grouped-link{display:none;margin-bottom:0;}
.grouped-link i{display:inline-block;width:10px; height:20px;margin-left:5px;}
.grouped-link.active{display:block;}
.grouped.dropdown{background-color:#fff; padding-right:10px;}
.dropdown-content{z-index:100; display:none;position: absolute; background-color:#fff;min-width:160px; white-space:nowrap; right:0; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);max-height: 200px;overflow-y: auto;}
.dropdown-content li{display:block;padding:0;margin:0;}
.dropdown-content a {color:black; padding:0 10px;text-decoration: none;display:block;width:100%;text-align: left;}
.dropdown-content a:hover {background-color:#f1f1f1; text-decoration:none;}


/*Cabecera autor con foto grande*/
.UserCab{min-height:300px;overflow:hidden; text-align:center; color:white;}
.UserCab .BlurTop{z-index:-1;filter:blur(1px);-webkit-filter:blur(2px);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute; left:0; top:-50px; bottom:-50px; right:0;}
.UserCab .Dark{position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.4);}
.UserCab h1{margin-left:60px; margin-right:60px; overflow:hidden;}
.UserCab img{width:150px; height:150px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border: 2px solid white;-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);}
.UserCab .regdate{margin:0; padding:0; margin-top:15px;}
.UserCab .pindata{line-height:30px; margin:0; padding:0;}
.UserCab .pindata span,.UserCab .pindata a{color:white; margin:5px; display:inline-block;}
.UserCab .pindata i{margin-right:5px; font-size:20px;}
.UserCab .usrsocial{margin-bottom:5px;}
.UserCab .usrsocial a{color:rgba(255,255,255,0.8);margin:5px; width:40px; height:40px; display:inline-block;line-height:40px; font-size:22px;background-color:rgba(0,0,0,0.3);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.UserCab .usrsocial a:hover{background-color:rgba(0,0,0,0.6); color:white;}
.UserCab .usrsocial a.fs20{font-size: 20px;}
.UserCab .ourselect{display:block; position:absolute; left:10px; top:10px; width:40px; height:40px;line-height:40px; text-align:center; font-size:38px;}
.UserCab .top10{display:block; position:absolute; right:10px; top:10px; width:40px; height:40px;line-height:40px; text-align:center; font-size:38px;}
.UserCab .follow,.UserCab .unfollow{display:inline-block; line-height:34px; padding:0 20px; background-color:rgba(0,0,0,0.4); color:white; margin-top:10px;
border:1px solid rgba(255,255,255,0.4);
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
cursor:pointer;
}
.UserCab .follow:hover,.UserCab .unfollow:hover{background-color:rgba(0,0,0,0.6);}
.UserCab .follow i,.UserCab .unfollow i{margin-right:5px;}

/*Vínculo al perfil del usuario*/
p.LinkPerfil{margin-top:0; padding-top:0;}
p.LinkPerfil a{display:inline-block; margin-top:10px; border:1px solid #ccc; color:#666; line-height:30px; padding:0 20px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
p.LinkPerfil a:hover{border:1px solid #666;}

/*Lista categorías autor*/
.listacategorias{font-size: 20px;}
.listacategorias ul{margin:0; padding:0;}
.listacategorias li{list-stle:none;display:block;border-bottom:1px solid #ccc;}
.listacategorias li:first-child{border-top:1px solid #ccc;}
.listacategorias li a{display:block; padding:10px 5px; padding-right:90px;color:#666666;}
.listacategorias li a:hover{color:#000; background:#eeeeee;}
.listacategorias li a span{position:absolute; right:5px; font-weight:bold; top:50%; transform: translate(0,-50%);}


/*Pie de página*/
.PiePagina{margin-top:20px; border-top:1px solid #e2e2e2; padding:20px 10px; text-align:center; line-height:28px;}
.PiePagina .legal a{color:#666; text-decoration:underline;}
.PiePagina .legal a:hover{color:#000; text-decoration:none;}
.PiePagina .estamosen h5{margin:0; margin-top:15px;}

.PiePagina .estamosen a
{
margin-left:10px; margin-top:5px; width:40px; height:40px; display:inline-block;
background-size:auto 26px;background-position:50% 50%;background-repeat:no-repeat;
line-height:40px; color:white; text-align:center; font-size:24px;
background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.PiePagina .estamosen a.first{margin-left:0;}
.PiePagina .estamosen a:hover{background-color:rgba(0,0,0,0.9);}


/*jquery flex*/
.flex-images{overflow:hidden;}
.flex-images .item{float:left; margin:4px; border:1px solid #fff; box-sizing:content-box; overflow:hidden; position:relative;}
.flex-images .item img{display:block; width:auto; height:100%;}

/*Solo en foto grande, sitema columnas, zoom, etc..*/
/*Sistema columnas para página de foto y zoom*/
.contcenter{margin:0 auto; max-width:1300px; padding:10px; background:white;}
.contcenter.finpage{padding-bottom:30px;}
.leftcol{margin-right:330px; padding-bottom:10px;}
.leftcol .foto{background-color:#f7f7f7;text-align:center;}
.leftcol .foto.small{padding:20px 0;}
.leftcol .foto img{max-width:100%; height:auto;}
.rightcol{position:absolute; right:10px; top:10px; width:300px;}
.topfoto{height:40px; margin-bottom:5px; margin-top:10px;}
.topfoto .tamanos{position:absolute;top:0; left:0; padding-top:20px; color:#666666; line-height:20px;vertical-align: text-top;}
.topfoto .tamanos a, .topfoto .tamanos span{line-height:20px; display:inline-block;}
.topfoto .tamanos span{vertical-align: text-top;}
.topfoto .tamanos span.sel{margin-left:5px; cursor:pointer; line-height:20px;}
.topfoto .tamanos span.sel i{display:inline-block;width:10px; height:20px;margin-left:5px;}
@media(max-width:380px)
{
.topfoto .tamanos span.txtamano{display:none;}
}
.topfoto .tamanos .seltamano{z-index:100; display:none; top:5px; left:0;position:relative;background-color: #f9f9f9; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);overflow:hidden;list-style:none; margin:0; padding:0;}
.topfoto .tamanos .seltamano li{display:block;padding:0;margin:0; ovrflow:hidden;}
.topfoto .tamanos .seltamano a,.topfoto .tamanos .seltamano span{line-height:40px; margin:0;color:black; padding:0 10px;text-decoration: none;display:block;width:100%;text-align: left;}
.topfoto .tamanos .seltamano a:hover {background-color:#f1f1f1; text-decoration:none;}

/*Habilitar o deshabilitar zoom o visor de panorámicas*/
.topfoto .TogleZoom, .topfoto .TogleVisor{display:inline-block; vertical-align: middle; position:absolute; right:0; top:0; height:40px; line-height:40px;}
.topfoto .TogleZoom .click,.topfoto .TogleZoom span, .topfoto .TogleVisor .click,.topfoto .TogleVisor span{vertical-align: middle; height:40px; display:inline-block; padding:0; margin:0;}
.topfoto .TogleZoom .click, .topfoto .TogleVisor .click{cursor:pointer;}
.topfoto .TogleZoom span, .topfoto .TogleVisor span{margin-left:5px;}
.topfoto .TogleZoom .click i, .topfoto .TogleVisor .click i{font-size:40px;}
.topfoto .TogleZoom .click i.encendido, .topfoto .TogleVisor .click i.encendido{display:none;}
.topfoto .TogleZoom .click.on i.encendido, .topfoto .TogleVisor .click.on i.encendido{display:inline-block;}
.topfoto .TogleZoom .click.on i.apagado, .topfoto .TogleVisor .click.on i.apagado{display:none;}
.topfoto .TogleZoom .zoominfo{background-color:black; color:white;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid white;width:30px; text-align:center;height:30px; line-height:27px; cursor:pointer; font-weight:bold;}

/*Visor de panorámicas*/
#ContemedorVisor{display:none;}

#ContemedorVisor .TogleInfinito{display:inline-block; vertical-align: middle; height:40px; line-height:40px;}
#ContemedorVisor .TogleInfinito span, #ContemedorVisor .TogleInfinito .click,#ContemedorVisor .TogleInfinito span{vertical-align: middle; height:40px; display:inline-block; padding:0; margin:0;}
#ContemedorVisor .TogleInfinito .click,#ContemedorVisor .TogleZoom span{cursor:pointer;}
#ContemedorVisor .TogleInfinito span{margin-left:5px;}
#ContemedorVisor .TogleInfinito .click i{font-size:40px;}
#ContemedorVisor .TogleInfinito .click i.encendido{display:none;}
#ContemedorVisor .TogleInfinito .click.on i.encendido{display:inline-block;}
#ContemedorVisor .TogleInfinito .click.on i.apagado{display:none;}




.visorpanoramica {width: 100%; margin-top:20px; cursor: move;}
.visorpanoramica .controls {position: relative;top:50%; margin-top:-15px;}
.visorpanoramica .controls span{position:absolute;cursor:pointer; display: inline-block;text-decoration:none;color:#fff;font-size:18px; line-height:30px; width:30px;height:30px;background-color:rgba(0,0,0,0.4); text-align:center;}
.visorpanoramica .controls span.left {left: 10px; transform:rotate(90deg);}
.visorpanoramica .controls span.right {right: 10px; transform:rotate(-90deg);}
.visorpanoramica.moving .controls span {opacity: 0.2;}


.bajofoto{height:50px;border:1px solid #ccc;margin-top:10px}
.bajofoto span, .bajofoto a{display:inline-block;width:40px;height:50px;cursor:pointer;line-height:50px;text-align:center;color:#000;opacity:.5;margin-right:10px;font-size:26px}
.bajofoto span.like,.bajofoto span.edit{font-size:32px;position:absolute;right:0;font-family:"fontello";font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bajofoto span.like:before{content:'\2661'}
.bajofoto span.like.sel:before{content:'\2665';color:#fd0000;opacity:1}
.bajofoto span.edit{color:red;font-size:30px;transform:rotate(26deg)}
.bajofoto span.edit:before{content:'\270d'}
.bajofoto span.edit:hover{color:#000}
.bajofoto span.comentarios{font-size:32px;position:absolute;right:60px}
.bajofoto span.comentarios:hover{opacity:.9}
.bajofoto .divsocial{position:absolute;left:0;height:48px;right:110px;background:#fff;overflow:hidden;z-index:10}
.bajofoto span.social,.bajofoto a.social{margin:0;margin-left:10px;opacity:.5;vertical-align:top}
.bajofoto span.social:hover, .bajofoto a.social:hover{opacity:1}
.bajofoto span.social.sharevis{cursor:default}
.bajofoto span.social.sharevis:hover{opacity:.5}
.bajofoto span.social.i-ss{display:none}
.bajofoto span.social.i-ss:hover{opacity:.5}
@media(max-width:410px)
{
.bajofoto span.social.sharevis{display:none}
.bajofoto span.social.i-ss{display:inline-block}
.bajofoto .divsocial{left:0;right:auto;width:50px}
.bajofoto .divsocial.open{left:0;right:0;width:auto}
}




.princdata{margin-top:20px;}
.princdata h3{margin:0; padding:0;}
.princdata p{margin:0; padding:0; margin-top:5px;}
/*
.princdata a{color:#666;}
.princdata a:hover{color:black;}
*/
.infofoto{margin-top:20px;}
.infofoto h3{margin:0;}
.infofoto p{text-align:justify;margin:0;padding:0;margin-top:5px;}
.loctags{margin-top:30px;}
.loctags ul{margin:0; padding:0;}
.loctags li{list-style:none; display:inline-block; margin:5px; padding:0;max-width:calc(100% - 20px);}
.loctags li a{display:block; padding:0 20px; line-height:30px; border:1px solid #ccc;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.loctags li a:hover{border:1px solid #777777; color:back;}
.toptitle h1{margin-top:0; margin-bottom:5px;}
.toptitle h3{margin:0; padding:0; font-size:16px; display:inline-block;}
.toptitle a{color:#666;}
.toptitle a:hover{text-decoration:underline;}


/*Columna derecha*/
.rightcol .infouser a{display:block; height:70px; padding-left:60px; color:#666;padding-top:10px; padding-bottom:10px;}
.rightcol .infouser a:hover{color:#000;}
.rightcol .infouser span{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rightcol .infouser img{position:absolute; left:0; top:10px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.rightcol .infouser span.nus{font-weight:bold;}
.rightcol .infouser span.nfo{margin-top:5px;}
.rightcol .infouser span.nfo i{margin-right:5px;}
/*Mapa pequeño*/
.leaflet-popup-tip-container{display: none;} 
.leaflet-control-attribution{display:none;}
.leaflet-tile-pane {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.minimap h3{margin-bottom:5px;}
.minimap p{padding-bottom:5px;margin:0;font-size:12px;}
.contmap{opacity:0.8;}
.contmap a.full{position:absolute; right:0; bottom:0;display:block; width:50px; height:50px;color:white; text-align:center; line-height:50px; font-size:30px;background-color:rgba(0,0,0,0.4);cursor:pointer;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;}

.contmap a.full:hover{background-color:rgba(0,0,0,0.9);}
#MiniMapaCanvas{height:200px; border:1px solid #ccc; padding:0;}
@media(max-width:960px)
{
.leftcol{margin-right:0;}
.rightcol{position:relative; right:0; width:auto;}
.rightcol .infouser{padding:0 10px; background-color:#f5f5f5;}
}
@media(min-width:1200px)
{
.contcenter{padding:20px;}
.rightcol{right:20px; top:20px;}
}
.negmar{margin:-5px;}

.BoxComentarios{margin-top:40px;}
.BoxComentarios h3{text-align:center; padding-bottom:5px;}
.BoxComentarios .newcoment{margin-top:15px;text-align:right;}
.BoxComentarios .newcoment img{position:absolute; top:0; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.BoxComentarios .newcoment textarea {border: 0;border: 1px solid #bbbbbb;width:calc(100% - 60px);padding:10px;resize: none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-left:60px;height:70px;}
.BoxComentarios .newcoment input.submit{cursor:pointer;margin-left:60px; margin-top:10px;border:0; height:34px; line-height:34px; padding:0 30px;color:white; font-size:18px;background:#69af25;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.BoxComentarios .uscom{border-top:1px solid #e8e8e8; margin-top:20px; padding-top:20px; min-height:70px;}
.BoxComentarios .uscom a.uico{position:absolute; display:block; width:50px; height:50px;}
.BoxComentarios .uscom a.uico img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.BoxComentarios .uscom p{padding:0; margin:0; margin-left:60px;}
.BoxComentarios .uscom p.un{margin-bottom:10px;}
.BoxComentarios .uscom span.deletecoment{display:none; padding-top:3px; font-size:14px; cursor:pointer; position:absolute; right:0; top:0; disply:inline-block;}
.BoxComentarios .uscom span.deletecoment:hover{color:red;}
.BoxComentarios .uscom:hover span.deletecoment{display:inline-block;}
@media (hover:none)
{
.BoxComentarios .uscom span.deletecoment{display:inline-block;}
}

/*Paginación*/
.paginar{margin-top:30px; border-top:1px solid #dddddd; text-align:center; padding-top:15px;}
.paginar ul{margin:0; padding:0;}
.paginar li{list-style:none; margin:5px; display:inline-block;}
.paginar a{display:inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;line-height:36px; min-width:36px; text-align:center; color:#444;padding:0 10px;background-color:#dddddd;}
.paginar a:hover,.paginar a.sel{color:white;background-color:#666666;}

/*Check box bonito*/
.container{display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.container input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark{position: absolute;top: 0;left: 0;height: 25px;width: 25px; background-color: #eeeeee;border:1px solid #b3b3b3;}
.container:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color:#69af25; border:0;}
.checkmark:after{content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after{left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}