/* Pagina de estilos Principal
--------------------------------*/
/* Gray: #DBDCDE */
html {height: 100%;}
body {
	width: 997px;
	margin: 0 auto;
	font-family: "Lucida Sans", Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #333;
	/*background: transparent url(/content/images/foto-fondo2_03.jpg) repeat-y center top;*/
    background: #BFC0C2;
    height: 100%;
}
#wrapper {
	position: relative;
	background: #404C26 url(/content/images/foto-fondo_izq2.jpg) no-repeat top left;
	overflow: hidden;
    min-height: 100%;
}
#xwrapper:before
{
    content: '';
    float: left;
    height: 100%;
}
#xcontent:after
{
    content: '';
    display: block;
    clear: both;
}

#header {
	width: 245px;
	height: 610px;
	top: 0;
	float: left;
}
#nav {}
#content 
{
	background: transparent url(/content/images/foto-fondo2_02.jpg) no-repeat;	
	width: 752px;
	float: left;
	margin: 0;
	min-height: 610px;
}
#footer {
	padding: 10px 0 0px 0;
	clear: both;
	text-align: center;
	color: white;
}

#footer a {
	color: white;
}

#logon 
{
	color: white;
	font-size: 10px;
	margin: 10px 15px;
	height: 20px;
}

/* nav
---------------------------*/
#nav ul
{
	margin: 0;
	padding: 100px 0 0 0;
	width: 160px;
}
#nav ul li
{
	list-style: none;
	margin:0 0 0 15px;
	color: white;
	font-size: 18px;
}
#nav ul li.primero {border-top: 3px solid #DBDCDE; padding-top: 3px; margin-top: 3px;}
#nav ul li.conseparador {border-bottom: 3px solid #DBDCDE; padding-bottom: 3px; margin-bottom: 3px;}
#nav ul li.conseparadortop {border-top: 3px solid #DBDCDE; padding-top: 3px; margin-top: 3px;}
#nav ul li.indentado {text-indent: 20px;}
#nav ul li.superespaciado {margin-top: 70px; padding-top: 3px; margin-bottom: 220px; border-top: 3px solid #DBDCDE; }
#nav ul li.espaciado {margin-bottom: 10px;}
#nav ul li a
{
	padding-left: 10px;
	margin: 0;
	text-decoration: none;
	color: black;
	font-size: 12px;
	display: block;
	line-height: 150%;
	letter-spacing: 0.1px;
	background: transparent url(/content/images/back-nav-li.gif) no-repeat -160px 50%;
}
#nav ul li a:hover
{
	text-decoration: none;
	/*background: #DBDCDE;*/
	background-position:0 0;
	color: Black;
}

/* general Inline items
-----------------------------------*/
h1 {font-size: 26px;
	font-weight: normal;
	color: #333;
	padding-top: 25px;
	padding-bottom: 5px;
	margin: 0 25px 25px 25px;

	
}
h2 {font-size: 17px;
	font-weight: normal;
	padding-top: 0px;
	color: #666;
	margin: 0 25px 5px 25px;
}
h3 {color: Black; margin: 10px 0 5px 0}
h4 {margin: 0; color: Black; }
.smalltext {font-size: 80%; color: #666;}
a {color: black;}
a:visited {color: #333}

h1 a, h1 a:visited {color: #333; text-decoration: none;}

table {background: white; border-collapse: collapse;}
table td {vertical-align: top }

table.normal {background: transparent; border-collapse: collapse;}
table.normal td, table.normal th {background: transparent;}


.textito a, .textito {font-size: 10px; text-transform: uppercase; text-decoration: none; color: #666; font-weight: normal; }

a img {border: none;}
iframe {border: none;}

.pdf {background: url(/content/images/pdf.gif) no-repeat left; padding: 2px 2px 2px 20px;}
.imprimir {background: url(/content/images/imprimir.jpg) no-repeat left;}
.enviaramigo {background: url(/content/images/enviaramigo.jpg) no-repeat left;}

.rss {background: url(/content/images/feed.png) no-repeat left; padding: 2px 2px 2px 20px; }
.mail {background: url(/content/images/mail.png) no-repeat left; padding: 2px 2px 2px 20px; }
.archivo {background: url(/content/images/archivo.png) no-repeat left; padding: 2px 2px 2px 20px; }
.excel {background: url(/content/images/excel.gif) no-repeat left; padding: 2px 2px 2px 20px; }
.reservaicon {background: url(/content/images/reservas.gif) no-repeat left; padding: 2px 2px 2px 20px; }
.back {background: url(/content/images/back.png) no-repeat left; padding: 2px 2px 2px 20px; }
.attach {background: url(/content/images/attach.gif) no-repeat left; padding: 2px 2px 2px 20px;}

.textito  {font-size: 10px; text-transform: uppercase; text-decoration: none; }
div.hr {height: 3px; background-color: #c2c3c5; margin: 2px 0;}


/* Contacto 
---------------------------------------*/
#contacto .innerleft {
	float: left;
	width: 380px;
	margin: 70px 25px 0 25px;
	padding: 0;
}

#contacto .innerright {
	float: right;
	background: transparent url(/content/images/sombra_sola.jpg) no-repeat left top;    
	width: 250px;
	xheight: 600px;
	color: #666;
}
#contacto .innerright div { padding: 1px 0}
#contacto .vcard{
	margin: 120px 0 0 40px;
}
.formulario input, .formulario textarea {
   width: 100%; 
   border: none; 
   background-color: silver;
}
.formulario .checkbox {width: auto; }
.formulario label {text-transform: uppercase; color: #666;}
.formulario input.bigbutton, .bigbutton  {
	font-family: Verdana, Arial, Sans-serif;    
	width: auto; 
	padding: 5px 10px;
	color: #666;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
} 
a.bigbutton  { font-size: 12px; text-decoration: none; padding: 15px 10px;}
.bigtel {font-size: 30px;color: #666;}
#contacto .innerright .gray {background: silver; margin: 104px 0 0 14px; height: 346px; overflow: hidden;}
#contacto .innerright .gray p {padding: 10px 50px; font-size: 12px; color: Black;}

/* vcard
----------------*/
.vcard {}
.vcard a {text-decoration:none; color: #666;}
.vcard a:hover {text-decoration:none; color: black;}
.vcard .org {color: Black;}


/* home
--------------------------------*/
#home {margin-top: 60px;}
#home h2 {margin-left: 15px;}
#home ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#home ul li{
  float: left;
  padding: 0;
  display: block;
  margin: 0;
}

#home ul li a{
  display: block;
  overflow: hidden;
  height: 700px;
  width: 100px;
  text-decoration: none;
  color: Black;
}
#home ul li a:visited { color: black}
#home #a1{
  width: 280px;
}

#home ul li img{
  position: absolute;
  border: none;
}
#home .fondo {height: 347px; width: 280px;}

/* print y display
-----------------------------------*/
.noprint {}
.onlyprint {display:none;}

/* info y error
---------------------------------------*/
.error p, .info p
{
	padding: 2px 5px 2px 25px;
	margin: 0 auto;
	color: black;
}
.error p {background: #F2DDDD url(/content/images/error20.gif) no-repeat left center;}
.info p {background: #E0F8E1 url(/content/images/info20.gif) no-repeat left center;}
.error { border-bottom: 1px solid red; background-color: #F2DDDD; }
.info { border-bottom: 1px solid green; background-color: #E0F8E1; display: none; }
.error, .info {position: absolute; top: 0; height: 20px; z-index: 1; width: 100%; padding: 5px;}
.intrainfo {border: 1px solid green; background: #E0F8E1 url(/content/images/info20.gif) no-repeat left center; padding: 5px 5px 5px 25px; margin: 10px 0;}
.notice {border: 1px solid #A98C0F; background: #F3ECCA url(/content/images/warning20.gif) no-repeat left center; padding: 5px 5px 5px 25px; margin: 10px 0;}

 
/* build in validation
---------------------------------------*/
.validation-summary-errors {color: Red; margin: 10px 0}
.validation-summary-errors ul {margin: 5px 0;padding: 0 0 2px 15px;}
.input-validation-error {border: 1px solid red;}
.field-validation-error {font-size: 10px; color: Red; }

/* direccion
---------------------------------------*/
.hidden {display: none;}
#direccion {font-size: 10px;}
#direccion .bigtel {font-size: 16px; margin: 10px 0 10px 25px}
#direccion .vcard {margin: 10px 0 10px 25px}

 
/* templates
---------------------------------------*/
.template-una-barra {width: 718px; min-height: 610px; background: #DBDCDE url(/content/images/fdo-gris-3.jpg) no-repeat top left; }
.template-una-barra .columna1 { padding-right: 25px; width: 300px; float: left; }
.template-una-barra .columna2 { width: 300px; float: left; }

.template-una-barra-delgada {width: 340px; min-height: 610px; margin-left: 385px; background: #DBDCDE url(/content/images/fdo-gris-1.jpg) no-repeat top left;  }

.template-dos-barras {width: 718px; min-height: 610px; background: transparent url(/content/images/back-two-columns.gif) repeat-y top left; overflow: hidden;}
.template-dos-barras .barra1 {width: 178px; background: #DBDCDE url(/content/images/fdo-gris-4.jpg) no-repeat top left; float: left;} 
.template-dos-barras .barra2 {width: 510px; background: #DBDCDE url(/content/images/fdo-gris-5.jpg) no-repeat top left; float: left; margin-left: 30px;} 

.inner, .barra {padding: 3px 25px;}
.inner h2 {margin: 10px 0 0 0; }


/* el barrio 
---------------------------------------*/

/* guia (algunos estilos seteados en la pagina)
---------------------------------------*/
#tableguia {margin-top: 10px; width: 100%; border: none; border-collapse: collapse}
#tableguia th {border-bottom: 3px solid #C2C3C5; font-size: 16px; border-right: none;padding: 5px 5px 2px 5px;}
#tableguia td {border-bottom: 1px solid #666; padding: 5px 5px 2px 5px;}

/* admincontent
---------------------------------------*/
.admincontent, .generalcontent, .normalcontent {padding: 0 25px; width: 668px; min-height: 610px; background: #DBDCDE url(/content/images/fdo-gris-3.jpg) no-repeat top left; }
.admincontent h2, .generalcontent h2, .normalcontent h2  {font-size: 26px;
		font-weight: normal;
		color: #333;
		padding: 25px 0 25px 0; 
		margin: 0}
.admincontent label {display: block; float: left; width: 100px;}
.admincontent textarea {width: 400px;}
.admincontent #Cuerpo {width: 100%;}
.admincontent input[type="text"] {width: 400px;}

table.tablaadmin {background: white; border-collapse: collapse;}
.tablaadmin td {vertical-align: top; border: 1px solid #CCC; padding: 2px; }
.tablaadmin th {font-size: 14px; color: gray; text-decoration: none; font-weight: normal; border-right: 1px solid silver; padding: 5px 2px; }

/* quicksearch
---------------------------*/
#quicksearch {margin: 5px 0;}
#quicksearch label {width: auto; padding-right: 5px; padding-top: 2px;}
#quicksearch input {width: 200px; }


/* logon
---------------------------*/
#logon ul
{
	margin: 0;
	padding: 0;
	width: 160px;

}
#logon ul li
{
	list-style: square;
	margin: 0 0 0 15px;
	padding: 0;
	color: white;
	font-size: 12px;
	text-indent: 0px;
}
#logon ul li a, #logon a
{
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: white;
	letter-spacing: 0.1px;
}
#logon ul li a:hover, #logon a:hover
{
	text-decoration: none;
	color: yellow;
}

/* noticia y clasificados
---------------------------*/
.noticia .fecha, .clasificado .fecha {font-size: 10px; font-variant: small-caps}
.draft .fecha {padding-left: 70px; background: url(/content/images/borrador.png) no-repeat center left;}
/*.nopublicado .fecha {padding-left: 85px; background: url(/content/images/nopublicado.png) no-repeat center left;}
.rechazado .fecha {padding-left: 85px; background: url(/content/images/rechazado.png) no-repeat center left;}*/
.noticia .foto, .clasificado .foto {float: right; margin: 0 0 20px 20px;}
.noticia h2, .clasificado h2 {padding: 5px 0; margin: 0; border: 0}
.noticia h2 a, .clasificado h2 a {color: #333; text-decoration: none; }
.noticia, .clasificado {margin: 10px 0; padding: 5px 0; border-top: 3px solid #C2C3C5; overflow: hidden}
.unanoticia, .unclasificado {border-top: none;}

/* galerias
---------------------------*/
.unagaleria {padding: 0 17px 0 25px;}
.unagaleria .fecha {font-size: 10px; font-variant: small-caps}
.galeria {overflow: hidden;}
.galeria .unafoto {width: 150px; display: block; float: left; margin: 6px 6px 0 0}
.galeria a {width: 150px; height: 100px; overflow: hidden; display: block; }
.galerias ul
{
	margin: 0;
	padding: 0;

}
.galerias ul li
{
	list-style: square;
	margin: 10px 0 0 0px;
	padding: 0;
	color: #333;
	
}
.galerias ul li a { color: #333; text-decoration: none;}


/* expensas
---------------------------*/
.expensas table {background-color: transparent; width: 100%;}
tr.lineatop {border-top: 3px solid #C2C3C5}
.unaexpensa {width: 60px; height: 70px; text-align: center; min-height: 50px;}
a.bigpdf { padding: 32px 0 0 0; display: block; background: url(/content/images/pdf32.gif) no-repeat top center;} 
span.bignopdf {padding: 32px 0 0 0; display: block; color: Silver;} 
.titleanio { font-size: 16px; width: 200px;}

/* formulario
---------------------------*/
.formverde input {background-color: #c2c3c5; border: none;}
.formverde textarea {background-color: #c2c3c5; width: 100%; border: none;}
.formverde .sendbutton {color: #333; border: none; background-color: transparent; font-size: 130%; padding: 0}

/* reservas
---------------------------*/
.reservas a, .reglamentos a { display: block; 
	font-size: 18px;
	font-weight: normal;
	color: black;
	padding: 5px 25px;
	text-decoration: none;
	border-bottom: 3px solid #c2c3c5;
}

/* cal
---------------------------*/
table.cal {width: 96%; margin: 2%; background-color: transparent; }
.cal th {border: none; margin: 2px; padding: 10px 0; text-align: center; font-size: 15px; font-weight: normal; }
.cal td {border: none; margin: 0; padding: 2px;  }
.cal h3 {margin: 2px 0; background: #666; font-size: 10px; padding: 2px 5px; color: white;}
.cal .disponible {background: white; height: 16px; margin-bottom: 2px;}           
.cal .disponible a {display: block; height: 16px; }
.cal .reservado {background: #008000; margin-bottom: 2px; color: White; padding: 3px; }           
.cal .reservadodeudor {background: #FF0000; margin-bottom: 2px; color: White; padding: 3px; }           

.reservassum .cal .reservado, .reservassum .cal .reservadodeudor {height: 16px; padding: 0px; }           
.reservassum .cal .inhabilitado { background: silver url(/content/images/inhabilitado.gif) repeat top center;height: 16px;margin-bottom: 2px;}          
	  
table.canchas {background: transparent; width: 100%}
.cancha {width: 200px; padding-right: 50px;}
.cancha1, .cancha2, .cancha3 {line-height: 50px; font-size: 16px; font-weight: normal; margin: 0}
.cancha .disponible a {display: block; width: 100%;}
.cancha .disponible {margin-bottom: 0px; height: 11px; overflow: hidden; padding: 3px; }           
.cancha .reservado, .cancha .reservadodeudor {margin-bottom: 0px; color: White; font-size: 10px; height: 11px; overflow: hidden; }  
.cancha .inhabilitado { background: silver url(/content/images/inhabilitado.gif) repeat top center;height: 11px; overflow: hidden; padding: 3px;}          

.cal td.hora {width: 30px; text-align: right; font-size: 10px; padding: 0 5px 0 0;}

.reservatenis .explica {position: absolute; top: 120px; right: 25px; margin: 0 25px 0 0; }
.reservassum .explica {position: absolute; top: 50px; right: 25px; width: auto; margin: 0 25px 0 0; }
.explica table {background: transparent; padding: 5px;}
.explica table td {padding: 2px;}
.explica div {width: 26px; height: 16px; }
.explica .disponible {background: white;  }           
.explica .reservado {background: #008000;  }           
.explica .reservadodeudor {background: #FF0000;  }           
.explica .inhabilitado { background: silver url(/content/images/inhabilitado.gif) repeat top center;}          
.explica a {line-height: 20px;}


.refturno {border: 2px solid white; }

.reservaslink {margin: 5px 15px 10px;}
.reservasnotas {margin: 0 15px; font-size: 90%;}



/* reservar SUM y tenis
---------------------------*/
.reservarsum, .reservartenis {min-height: 628px; color: black;}
.terminosycondiciones {width: 300px; height: 450px; overflow: auto; margin: 5px 0; border: 1px dotted silver; font-size: 80%; background-color: white;}
span.big {font-size: 130%; padding: 2px 5px;}
.extrabigbutton {font-size: 130%}
.extrabigbutton a {color: black; text-decoration: none;}

/* comprobante SUM
---------------------------*/
.comprobantesum .aclaracion {padding: 5px 25px;}
.comprobantesum .terminosycondiciones {padding: 5px; margin: 5px 25px; border: 1px dotted silver; font-size: 80%; background-color: white;}
.comprobantesum p {padding: 5px 25px;}
.comprobantetenis label {width: 80px; display: block; float: left;}

/* login
---------------------------*/
#username, #password {width: 120px;background-color: #C2c3c5; border: none;}
#login .sendbutton {background-color: transparent; font-size: 130%; padding: 5px 10px; border: 1px solid white}

/* adminform
----------------*/
.adminform label {color: #666}
.adminform table {}
.adminform table td { vertical-align: bottom; padding: 1px 5px; }

.adminbutton:link, .adminbutton:visited, input.adminbutton {background-color: black; color: white !important; padding: 1px 5px; margin-right: 0px; text-transform: uppercase; font-size: 10px; text-decoration: none; border: none;}

.filterform {margin: 10px 0; padding: 10px; border: 1px solid #ccc; background: white;}
.filterform select, .filterform input {margin: 0 5px 0 0}

.red {color: Red;}

.postit 
{
	margin: 10px;
	padding: 10px 20px;
	border-top: 20px solid #FEFF6F;
	background: #F9FA9C;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
	max-width: 400px;
}
.unacta {width: 100px; text-align: center;}
.unacta a {text-decoration: none; margin: 5px;}


#nav ul li.submenu ul {margin: 0; padding: 0}
#nav ul li.submenu ul li {margin: 0; padding: 0}

.formdia {margin: 0 25px; font-size: 10px}
.formdia input { font-size: 11px}


/* Mis reservas
---------------------------*/
#subheader {
	border-bottom:1px solid #ccc;
	clear:both;
	height:34px;
	width:100%;
}
#subheader h2 {
	float:left;
	font-size:170%;
	line-height:34px;
	margin-bottom:0;
}
#tabs {
	float:right;
	font-weight:bold;
}
#tabs a.active {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#ccc #ccc #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:black;
	font-size:120%;
	height:30px;
	line-height:28px;
	margin-top:3px;
	padding:0 11px;
}
#tabs a {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	color: black;
	display:block;
	float:left;
	font-size:90%;
	height:24px;
	line-height:22px;
	margin:8px 8px 0 0;
	padding:0 11px;
	text-decoration:none;
}
.anulada {color: Red; padding: 0 5px;}
#CelularPre {width: 50px;}

/* un poco mas visible el d�a seleccionado */
.ui-datepicker-current-day {border: 1px solid #B83400 !important}



/* line 24, ../scss/partials/_buttons.scss */
.button {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #eeeeee;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(top, #fbfbfb, #e1e1e1);
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #d4d4d4;
  height: 32px;
  line-height: 32px;
  padding: 0px 25.6px;
  font-weight: 300;
  font-size: 14px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  color: #666666;
  text-shadow: 0 1px 1px white;
  margin: 0;
  text-decoration: none;
  text-align: center; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; 
}
  /* line 42, ../scss/partials/_buttons.scss */
  .button:hover {
    background-color: #eeeeee;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
    background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
    background: -o-linear-gradient(top, #ffffff, #dcdcdc);
    background: linear-gradient(top, #ffffff, #dcdcdc); }
  /* line 46, ../scss/partials/_buttons.scss */
  .button:active {
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
    background: #eeeeee;
    color: #bbbbbb; }
  /* line 52, ../scss/partials/_buttons.scss */
  .button:focus {
    outline: none; 


  }

/* line 58, ../scss/partials/_buttons.scss */
input.button, button.button {
  height: 34px;
  cursor: pointer;
  -webkit-appearance: none; }

/* line 65, ../scss/partials/_buttons.scss */
.button-block {
  display: block; }

/* line 74, ../scss/partials/_buttons.scss */
.button.disabled,
.button.disabled:hover,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #EEE;
  border: 1px solid #DDD;
  text-shadow: 0 1px 1px white;
  color: #CCC;
  cursor: default;
  -webkit-appearance: none; }

/* line 86, ../scss/partials/_buttons.scss */
.button-wrap {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: linear-gradient(top, #e3e3e3, #f2f2f2);
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  padding: 10px;
  display: inline-block; }


/* line 226, ../scss/partials/_buttons.scss */
.button-primary {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00b5e5, #008db2);
  background: -moz-linear-gradient(top, #00b5e5, #008db2);
  background: -o-linear-gradient(top, #00b5e5, #008db2);
  background: linear-gradient(top, #00b5e5, #008db2);
  background-color: #00a1cb;
  border-color: #007998;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35); }
  /* line 233, ../scss/partials/_buttons.scss */
  .button-primary:hover {
    background-color: #00a1cb;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
    background: -webkit-linear-gradient(top, #00c9fe, #008db2);
    background: -moz-linear-gradient(top, #00c9fe, #008db2);
    background: -o-linear-gradient(top, #00c9fe, #008db2);
    background: linear-gradient(top, #00c9fe, #008db2); }
  /* line 237, ../scss/partials/_buttons.scss */
  .button-primary:active {
    background: #1495b7;
    color: #005065; }

/* line 226, ../scss/partials/_buttons.scss */
.button-action {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
  background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
  background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
  background: -o-linear-gradient(top, #8fcf00, #6b9c00);
  background: linear-gradient(top, #8fcf00, #6b9c00);
  background-color: #7db500;
  border-color: #5a8200;
  color: white;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); }
  /* line 233, ../scss/partials/_buttons.scss */
  .button-action:hover {
    background-color: #7db500;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00));
    background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
    background: -moz-linear-gradient(top, #a0e800, #6b9c00);
    background: -o-linear-gradient(top, #a0e800, #6b9c00);
    background: linear-gradient(top, #a0e800, #6b9c00); }
  /* line 237, ../scss/partials/_buttons.scss */
  .button-action:active {
    background: #76a312;
    color: #374f00; }

/* line 226, ../scss/partials/_buttons.scss */
.button-highlight {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
  background: -webkit-linear-gradient(top, #fa9915, #d87e04);
  background: -moz-linear-gradient(top, #fa9915, #d87e04);
  background: -o-linear-gradient(top, #fa9915, #d87e04);
  background: linear-gradient(top, #fa9915, #d87e04);
  background-color: #f18d05;
  border-color: #bf7004;
  color: white;
  text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35); }
  /* line 233, ../scss/partials/_buttons.scss */
  .button-highlight:hover {
    background-color: #f18d05;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
    background: -webkit-linear-gradient(top, #fba42e, #d87e04);
    background: -moz-linear-gradient(top, #fba42e, #d87e04);
    background: -o-linear-gradient(top, #fba42e, #d87e04);
    background: linear-gradient(top, #fba42e, #d87e04); }
  /* line 237, ../scss/partials/_buttons.scss */
  .button-highlight:active {
    background: #d8891e;
    color: #8d5303; }

/* line 226, ../scss/partials/_buttons.scss */
.button-caution {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
  background: -webkit-linear-gradient(top, #e8543f, #d9331a);
  background: -moz-linear-gradient(top, #e8543f, #d9331a);
  background: -o-linear-gradient(top, #e8543f, #d9331a);
  background: linear-gradient(top, #e8543f, #d9331a);
  background-color: #e54028;
  border-color: #c22d18;
  color: white;
  text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35); }
  /* line 233, ../scss/partials/_buttons.scss */
  .button-caution:hover {
    background-color: #e54028;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
    background: -webkit-linear-gradient(top, #eb6855, #d9331a);
    background: -moz-linear-gradient(top, #eb6855, #d9331a);
    background: -o-linear-gradient(top, #eb6855, #d9331a);
    background: linear-gradient(top, #eb6855, #d9331a); }
  /* line 237, ../scss/partials/_buttons.scss */
  .button-caution:active {
    background: #cd5240;
    color: #952312; }

/* line 226, ../scss/partials/_buttons.scss */
.button-royal {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79));
  background: -webkit-linear-gradient(top, #99389f, #752a79);
  background: -moz-linear-gradient(top, #99389f, #752a79);
  background: -o-linear-gradient(top, #99389f, #752a79);
  background: linear-gradient(top, #99389f, #752a79);
  background-color: #87318c;
  border-color: #632466;
  color: white;
  text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35); }
  /* line 233, ../scss/partials/_buttons.scss */
  .button-royal:hover {
    background-color: #87318c;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79));
    background: -webkit-linear-gradient(top, #ab3eb2, #752a79);
    background: -moz-linear-gradient(top, #ab3eb2, #752a79);
    background: -o-linear-gradient(top, #ab3eb2, #752a79);
    background: linear-gradient(top, #ab3eb2, #752a79); }
  /* line 237, ../scss/partials/_buttons.scss */
  .button-royal:active {
    background: #764479;
    color: #3e1740; }

/* line 358, ../scss/partials/_buttons.scss */
.button-jumbo {
  font-size: 24px;
  height: 51.2px;
  line-height: 51.2px;
  padding: 0px 40.96px; }

/* line 358, ../scss/partials/_buttons.scss */
.button-large {
  font-size: 19px;
  height: 38.4px;
  line-height: 38.4px;
  padding: 0px 30.72px; }

/* line 389, ../scss/partials/_buttons.scss */
input.button-large, button.button-large {
  height: 40.4px; }

/* line 358, ../scss/partials/_buttons.scss */
.button-small {
  font-size: 15px;
  height: 25.6px;
  line-height: 25.6px;
  padding: 0px 20.48px; }

/* line 389, ../scss/partials/_buttons.scss */
input.button-small, button.button-small {
  height: 27.6px; }

/* line 358, ../scss/partials/_buttons.scss */
.button-tiny {
  font-size: 12px;
  height: 22.4px;
  line-height: 22.4px;
  padding: 0px 17.92px; }

/* line 389, ../scss/partials/_buttons.scss */
input.button-tiny, button.button-tiny {
  height: 24.4px; }


table.vermascota {margin: 10px 0}
table.vermascota td, table.vermascota th {background: #DBDCDE; padding: 0px 10px 10px 0px;}
table.vermascota th {text-align: left}
table.vermascota .avatarholder img {border: 1px solid silver;}

.unamascota {margin: 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid silver; overflow: hidden;}
.unamascota .fotomascota {width: 100px; float: left; margin: 0 10px 0px 0;}
.unamascota .fotomascota img {border: 1px solid silver;}
.unamascota a {font-size: 16px;}