body
{
background-image: url('fondo.jpg');
margin:0;
padding:0;
font-family:Trebuchet Ms;
}

p
{
font-size:11pt;
color: white;
margin-top:-8px;
}

a
{
text-decoration: none;
color:#551F87;
}

a:hover
{
text-decoration: none;
color:yellow;
}

h1
{
color:#551F87;
line-height:8px;
font-size:14pt;
font-weight: bold;
}

h2
{
color:#fff;
line-height:8px;
font-size:12pt;
font-weight: bold;
}

em
{
color:#551F87;
font-weight: bold;
}

span.required
{
font-size: 18px !important;  
color: #551F87 !important;
}

#maincontainer
{
position: absolute;
width: 770px; /*Width of main container*/
margin: 0 100px; /*Center container on page*/
padding:15px;
}

#menor
{
color:#551F87;
margin-top: 10px;
font-size:9pt;
z-index:100;
}

#menor a
{
color:#fff;
}

#menor a:hover
{
color:yellow;
}

#topsection
{
height: 130px; /*Height of top section*/
color: white;
margin: 0;
text-align: right;
}

#contentwrapper
{
float: left;
width: 100%;
}

#contentcolumn
{
margin: 0 290px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height: 310px;
padding: 0 10px;
}

#contentcolumn1
{
margin: 0 0 0 190px; /*Margins for content column. Should be "0 0 0 LeftColumnWidth*/
height: 319px;
padding-top:15px;
}

#contentcolumn2
{
margin: 0 0 0 190px; /*Margins for content column. Should be "0 0 0 LeftColumnWidth*/
height: 321px;
padding-top:-10px;
}

#leftcolumn
{
font-size:13px;
margin-top: -40px;
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -785px; /*Set margin to that of -(MainContainerWidth)*/
height: 310px;
color: white;
}

#rightcolumn
{
float: left;
width: 280px;
margin-left: -290px; /*Set left margin to -(RightColumnWidth)*/
height: 335px;
}

#centro
{
text-align:right;
margin: 15px 15px;
}

.tabs
{
list-style:none;
margin-left: -39px;
width:190px;
}

.tabs li a, .tabs li a:visited 
{ 
padding:10px 12px;
padding-top: 18px;
text-decoration:none; 
color:#FFF; 
display:block; 
}

.tabs li a:hover 
{
color:#fff;;
display:block;
padding:10px 30px;
padding-top: 18px;
background: url('boton.png') no-repeat left;
font-weight:bold;
}

.tabs li a.selected, .tabs li a.selected:hover
{
background: url('boton.png') no-repeat left;
padding-left: 30px;
padding-top: 18px;
font-weight: bold;
cursor: default;
}

#footer
{
padding: 7px 0;
clear: left;
width: 100%;
text-align: right;
}

#footer p
{
font-size:9px;
color: #9C92A6;
}

#footer a
{
font-size:9px;
color: #DCA354;
text-decoration: none;
}

#footer a:hover
{
font-size:9px;
color: #551F87;
}

.interior
{
background: url('perro.png') no-repeat;
text-align:right;
width: 315px;
height: 119px;
margin-left: -25px;
margin-top:-10px;
}

.interior2
{
background: url('4perros.png') no-repeat;
width: 350px;
height: 291px;
margin-left:125px;
}

.interior p
{
font-size: 13pt;
margin: 15px 30px 0 120px;
padding-top: 15px;
}

.interior a
{
font-size: 10pt;
color:#551F87;
text-decoration: none;
margin: 0 30px 0 0;
}

.interior a:hover
{
text-decoration: none;
color:yellow;
margin: 0 30px 0 0;
}

.innertube
{
margin: 10px;
margin-top: 0;
}

.innertube2
{
margin: 16px;
margin-top: 0;
padding-left:40px;
}


.innertube3
{
margin: 10px;
margin-top: 60px;
padding-left:10px;
}

.innertube4 p
{
margin: 5px;
margin-top: -10px;
font-size:13pt;
color: white;
}

.innertube5
{
margin: 5px;
margin-top: -10px;
}


.innertube6 p
{
margin: 5px;
margin-top: -10px;
font-size:10pt;
color: white;
}


#enlarge2 
{
padding:10px; 
list-style-type:none; 
width:550px; 
padding-left:40px;
}

#enlarge2 li 
{
display:block; 
float:left; 
width:140px; 
height:66px; 
padding:10px;
position: relative;
}

#enlarge2 li a 
{
display:block; 
width:96px; 
height:66px;
background:transparent; 
overflow:hidden; 
position:relative;
padding-top:8px;
}

#enlarge2 li a img 
{
width:100%; 
height:100%; 
border:0;
}

#enlarge2 li a:hover 
{
position:absolute; 
left:-30px; 
top:-20px; 
width:172px; 
height:119px;
z-index:100;
}

#enlarge 
{
padding:0; 
list-style-type:none; 
width:690px; 
margin-left: 180px;
}

#enlarge li 
{
display:block; 
float:left; 
width:120px; 
height:66px; 
position: relative;
}

#enlarge li a 
{
display:block; 
width:96px; 
height:66px;
background:transparent; 
overflow:hidden; 
position:relative;
}

#enlarge li a img 
{
width:100%; 
height:100%; 
border:0;
}

#enlarge li a:hover 
{
position:absolute; 
left:-30px; 
top:-20px; 
width:172px; 
height:119px;
z-index:100;
}

#fotos 
{
position:relative; 
width:280px; 
padding:10px 0; 
height:8em; 
margin:0 20px;
margin-top:-20px;
}

.derecha
{
color:#551F87;
margin-left:160px;
font-size:10pt;
text-decoration:none;
}

.pic1, .pic2, .pic3, .pic4 
{
display:block; 
float:left; 
height:47px; 
width:88px; 
margin:13px;
}

#fotos a:hover.pic1 
{
background:url(foto1k.jpg);
text-decoration:none;
}

#fotos a:hover.pic2 
{
background:url(foto2k.jpg);
text-decoration:none;
}

#fotos a:hover.pic3 
{
background:url(foto3k.jpg);
text-decoration:none;
}

#fotos a:hover.pic4 
{
background:url(foto4k.jpg);
text-decoration:none;
}

#fotos a.pic1 
{
background:url(foto1.jpg);
text-decoration:none;
}

#fotos a.pic2 
{
background:url(foto2.jpg);
text-decoration:none;
}

#fotos a.pic3 
{
background:url(foto3.jpg);
text-decoration:none;
}

#fotos a.pic4 
{
background:url(foto4.jpg);
text-decoration:none;
}

#scrollbox 
{
margin-top:-15px;
padding:10px;
width:400px; 
height:260px; 
overflow:auto;
margin-left:60px;
}

#scrollbox2 
{
padding:10px;
width:500px; 
height:260px; 
overflow:auto;
}

#promo
{
width: 315px;
height: 200px;
margin-left:130px;
}

#adop
{
width: 450px;
text-align:center;
}

.boton1
{
background:url('botonmas.png') no-repeat; 
margin-left:145px;
width:109px;
height:38px;
text-decoration: none;
text-align:center;
}

.boton1 a
{
text-decoration: none;
width:100%;
height:100%;
display:block;
font-weight:bold;
background-position:center;
padding-top:5px; 
font-size: 10pt;
color:#fff; 
}

.boton1 a:hover
{
text-decoration: none;
padding-top:5px; 
background:url('botonmas2.png') no-repeat;  
}