@import url(//fonts.googleapis.com/css?family=Days+One|Voltaire|Tulpen+One|Nova+Mono|Days+One|IM+Fell+DW+Pica+SC|Crushed|Permanent+Marker|Gruppo);

*{
margin:0;
padding:0;
font-family: none;
}


body {
font-family: Comic Sans Ms, Tahoma, Trebuchet MS, Verdana,
margin-top: 8px;
color: #FFF;
background-image: url(http://www.redcamelot.com/mascotas/images/huella.gif);
text-align: center;
background-color: #baa;
}
/*------------------BLOQUES-----------------------------*/
#top{
margin:auto;
width:100%;
height:150px;
padding: 8px 0 0 0;
/*background-color:#009900;*/
}
#tablon{
border-radius: 20px 20px 20px 20px;
width: 910px;
height: 100%;
margin:auto;
padding-bottom: 10px;
background-color: #445;
background-image: url(http://www.redcamelot.com/mascotas/images/bg-tablon.jpg); 
border: solid #fff 2px;
}
#buscador{
width:100%;
height:23px;
font-family: Trebuchet MS, Arial, Tahoma, Verdana ;
text-align: right;
margin-bottom: 10px;
margin-top: 10px;
}

#contenidos{
width: 79%;
vertical-align: top;
float: left;
color: #FFF;
height: 100%;
padding-left: 1em;
}
#menu{
font-family: inherit;
font-size: 0.9em;
width: 18%;
height: 100%;
background-color:#111;
vertical-align: top;
float: right;
padding-bottom: 26px;
padding-left: 2px;
margin: 2px;
text-align: left;
border-left: #aaa solid 1px;
}
#pie{
width: 95%;
margin:auto;
height:30px;
text-align: center;
padding-top:8px;
margin-top: 30px;
font-size: 0.95em;
clear: both;
border: #aaa solid 1px;
	border-radius: 7px 7px 7px 7px;
	background-color: #004F69;
}
/*-----------------------------TEXTOS------------------------*/
p{
text-align: justify;
font-family: Comic, Sans Ms, Trebuchet MS, Arial, sans-serif;
line-height: 1.7;
font-size: 0.9em;

}
.memorias-izquierda{
text-align: left;
font-size: inherit;
}
a:link, a:active, a:visited{
	font-family: inherit;
color: #FFD350;
text-decoration: underline;
}
a:hover {
		font-family: inherit;
font-weight: bold;
color: #fff;
text-decoration: none;
background-color: #a00;
}
hr{
width:90%;
color:#fa4;
margin:auto;
margin-bottom: 5px;
margin-top: 5px;
}
strong, u, em{
font-family: Comic, Sans Ms, Trebuchet MS, Arial, sans-serif;
font-size: 1em;
/*font-weight: bold;*/
}
.bloque-iz{
width: 300px;
height: auto;
border: #999 solid 1px;
padding: 5px;
float: left;
margin-left: 10px;
}
/*------------------------------------------------------------ANUNCIOS-------------------------------*/
#anuncio468{
width: 468px;
height: 60px;
margin: auto;
border-top: dashed #777799 1px;
border-bottom: dashed #777799 1px;
margin-top: 10px;
margin-bottom: 10px;
padding: 4px;
}
#anuncio728{
width: 728px;
height: 90px;
margin: auto;
border-top: dashed #999 1px;
border-bottom: dashed #999 1px;
padding: 1px;
}
#anun300{
width: 300px;
height: 250px;
margin: 1px 2px 1px 10px;
padding:2px;
border-top: dashed #334 1px;
border-bottom: dashed #334 1px;
float: right;
}
#anun200{
width: 200px;
height: 200px;
margin:5px 0px 5px 5px;
padding:5px 0px 5px 5px;
float:right;
border-top: dashed #777799 1px;
border-bottom: dashed #777799 1px;
}

#anun120x600{
width:120px;
height:600px;
margin-right:0px;
margin-left: 10px;
margin-bottom:5px;
padding:2px;
float:right;
border-top: dashed #777799 1px;
border-bottom: dashed #777799 1px;
/*clear: both;*/
}

#anun160x600{
width:160px;
height:600px;
margin:2px;
padding:2px ;
float:right;
border-top: dashed #777799 1px;
border-bottom: dashed #777799 1px ;
}

#anutop{
width:468px;
height:60px;
float: right;
margin: 7px  7px 10px 0px;
}

#anuncio120v240{
width: 120px;
height: 240px;
margin:5px 0px 5px 5px;
padding:5px 0px 5px 5px;
float:right;
border-top: dashed #777799 1px;
border-bottom: dashed #777799 1px ;
clear: both;
}
#anuncio120v240-centrado{
width: 120px;
height: 240px;
margin: 6px auto;
padding:5px;
border-top: dashed #777799 1px;
border-bottom: dashed #777799 1px ;
clear: both;
}
#anuncio-centrado{
width: 300px;
height: 250px;
border-top: dashed #777799 1px;
border-bottom: dashed #777799 1px ;
padding: 10px;
}
.block{
	display: inline-block;
}
/*----------------------------------------------------IMAGENES-----------------------------------*/
img.imagen-izq{
padding: 3px 6px 1px 1px;
margin: 3px 6px 1px 1px;
/*border: 1px dashed #aaa;*/
float:left;
clear: both;
}

img{
margin:auto;
border: 0;
}
img.centrado-imagen{
margin:3px;
}
/*------------------------------------------------------------HEAD------------------------------------*/
h1{
	font-family: 'Voltaire', sans-serif;
text-shadow: 0px 4px 4px rgba(0,0,0,4);
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
	padding: 5px 0px 3px 15px;
	margin: 5px 0px 15px 0px;
	text-align: left;
	background-color: #ba0;
	border-bottom: #a00 solid 2px;
	background-image: url(http://www.redcamelot.com/mascotas/images/bg-h1.jpg);
	text-transform: uppercase;

}

h2, h3, h4{
font-family: 'Voltaire', sans-serif;
font-size: 1.2em;
line-height: 1.2;
color: #FFa;
font-weight: bold;
padding: 3px 0px 3px 15px;
/*font-variant: small-caps;*/
margin-top: 5px;
margin-bottom: 15px;
text-align: left;
background-color: #a00;
border-bottom:#a00 solid 2px;
background-image:url(http://www.redcamelot.com/mascotas/images/bg-h1.jpg);
clear: both;

}

h5, h6 {
font-family: 'Voltaire', sans-serif;
line-height: 1.2;
font-size: 1.1em;
color: #ff8;
font-weight: bold;
text-transform: uppercase;
text-align: justify;
padding-left:1px;
}
.destacado {
color:#FFFFCC;
font-family: Comic, Sans Ms, Trebuchet MS, Arial, sans-serif;
background-color: #c00;
border-radius: 11px 11px 11px 11px;
font-weight: bold;
padding: 2px 13px 6px 13px;
font-size: 1.1em;
margin-top: 10px;
margin-bottom: 10px;
}

.especial{
color: #9999ff;
padding-left:20px;
padding-right:20px;
font-weight: bold;
text-align: inherit;
}
/*-------rotator-----------*/

* {margin:0; padding:0}

#wrapper {
width: 560px;
height: 235px;
margin: 10px auto;
clear: both;

}
.slider{

}
.sliderbutton {float:left; width:0px; height:235px; cursor:pointer}

/*#slideleft {background:url(http://www.redcamelot.com/mascotas/images/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(http://www.redcamelot.com/mascotas/images/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}*/

#slider {float:left; position:relative; overflow:auto; width:560px; height:235px}

#slider ul {
	position:absolute; list-style:none; margin-top:0; left:0;
	padding: 0px;
	}

#slider li {float:left; width:560px; height:235px;}
.pagination {position:absolute; top:0px; right:0px; list-style:none; height:235px}
.pagination li {float:left; 
/*cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff*/
}
.pagination li:hover, li.current {background: none}