@charset "utf-8";
body {
	font:Tahoma;
	margin: 0px;
	font-size: 12px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bkgrnd.jpg) #000000;
	text-align:center;
}

img { border:none;}


	

.mascota {
	position:absolute;
	bottom: 30 px;
	right: 624px;
	top: 769px;
	}

#container {
	width:1000px;
	margin: 0 auto;
	}

#header {
	height: 225px;
	
}


#headerLeft {
	width: 350px;
	float: left;
	padding: 50px 0px 0px 0px;
	text-align:left;
}

#headerRight {
	float: right;
	padding: 100px 0px 0px 0px;
}

#headerBanner {
	height: 280px;
}

#contact {
	width:990px;
	text-align:right;
	clear:both;
	font-size:10px;
	padding-top:37px;
	}
#contact strong {
color:#0099FF;
	}
#contact a {
color:#0099FF;
text-decoration:none;
	}

  
/*----------------------------- NAV */
#nav a {
	display:block; 
	padding:13px 0px 13px 0px; 
	color:#fff;
	font-size:14px;
	text-decoration:none;
	}
	
#nav ul {
	list-style:none;
	}

#nav li {
	float:left;
	width:100px;
	}


#nav a#navName1	{background: url(../images/nav.png) center no-repeat;}
#nav a#navName2	{background: url(../images/nav.png) center no-repeat;}
#nav a#navName3	{background: url(../images/nav.png) center no-repeat;}
#nav a#navName4	{background: url(../images/nav.png) center no-repeat;}
#nav a#navName5	{background: url(../images/nav.png) center no-repeat;}

#nav a#navName1:hover	{background: url(../images/navOver.png) center no-repeat;}
#nav a#navName2:hover	{background: url(../images/navOver.png) center no-repeat;}
#nav a#navName3:hover	{background: url(../images/navOver.png) center no-repeat;}
#nav a#navName4:hover	{background: url(../images/navOver.png) center no-repeat;}

#nav a#navName1Over	{background: url(../images/navOver.png) center no-repeat;}
#nav a#navName2Over	{background: url(../images/navOver.png) center no-repeat;}
#nav a#navName3Over	{background: url(../images/navOver.png) center no-repeat;}
#nav a#navName4Over{background: url(../images/navOver.png) center no-repeat;}


/*----------------------------- CONTENT */

#content {
	width:auto;
	height:auto;
	margin-top:10px;
	text-align:justify;
}


#contentLeft {
	height:auto;
	width: 500px;
	float:left;
	
	} 

.contentUnit {
	width:440px;
	height:240px;
	background:url(../images/bg-trans.png) left;
	padding: 0px 20px 40px 40px;
	margin: 0px 0px 10px 0px;
	overflow:visible;
	clear:both;
}

.contentUnit .contentImg {
	position:relative;
	left: -15px;
	float:left;
}

.contentUnit .txt { height:140px;}

#contentUnitPrincipal {
	width:450px;
	height:auto;
	background:url(../images/bg-trans.png) top;
	padding: 40px 20px 40px 30px;
	margin: 0px 0px 10px 0px;
	text-align:justify;
	overflow:hidden;
	
}

.contentUnitExtra {
	width:420px;
	height:auto;
	background:url(../images/bg-trans.png) top;
	padding: 40px 40px 40px 40px;
	margin: 0px 0px 10px 0px;
	text-align:justify;
	overflow:hidden;
	
}

#content h1  {
	font-size:14px;
	color:#0099FF;
	margin-bottom:-5px;	
}

#content h2  {
	font-size:9px;
	font-weight:700;
	color:#666666;	
}

#content h3  {
	font-size:11px;
	color:#FF9900;
	margin-bottom:-5px;	
}

#content h4  {
	font-size:9px;
	color:#323E4B;
	margin-top:4px;
	margin-bottom:-3px;	
}

#content p {
	font-size:11px;
	color:#FFFFFF;
	margin-bottom:25px;
}
#content a.textLink {
	color:#0099FF;
	font-weight:bold;
	text-decoration:none;
}
#content .textLink:hover {
	color:#00CCFF;
	font-weight:bold;
	text-decoration:none;
}

.contentUnit .btnEntrar a{position:relative;top:240px; right:-380px;}
.contentUnit .btnEntrar a:hover { background:url(../images/btnOver.gif) center no-repeat;}

.meta {
	margin-top:8px;
	padding-top:2px;
	font-size:10px;
	display: block;
	height: 20px;
	vertical-align:baseline;
}

.icon {
	vertical-align:middle;
	}





#contentRight {
	width: 490px;
	float:right;
	margin-left:10px;

}

.btnVerde {	background:url(../images/btnVerde.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none;}
.btnAzul { background:url(../images/btnAzul.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none;}
.btnNaranja { background:url(../images/btnNaranja.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none;}
.btnRosa { background:url(../images/btnRosa.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none;}
.btnRojo { background:url(../images/btnRojo.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none;}

.btnEntrar240 a {	
	position:relative;
	width:65px;
	top: 230px;
	left: 165px;
}

.btnEntrar490 a {	
	position:relative;
	width:65px;
	top: 230px;
	left: 400px;
}

.btnEntrar490promo a {	
	position:relative;
	width:65px;
	top: 270px;
	left: 15px;
}

.btnEntrar240 a:hover { background:url(../images/btnOver.gif) center no-repeat;}
.btnEntrar490 a:hover { background:url(../images/btnOver.gif) center no-repeat;}
.btnEntrar490promo a:hover { background:url(../images/btnOver.gif) center no-repeat;}

/*----------------------------- Banners */

#contentRightTheBlog {	background: url(../images/theBlog.png) center no-repeat; height:260px; width:240px; float:left; margin: 0px 2.5px 2x 2.5px; }
#contentRightTheShop {	background: url(../images/theShop.png) center no-repeat; height:260px; width:240px; float:left;margin: 0px 2.5px 2px 2.5px;}
#contentRightTheMySpace {	background: url(../images/theMySpace.png) center no-repeat; height:260px; width:240px; float:left; margin: 0px 2.5px 2px 2.5px;}
#contentRightTheFlickr {	background: url(../images/theFlickr.png) center no-repeat; height:260px; width:240px; margin: 0px 2.5px 2px 2.5px;}
#contentRightTheHeart {	background: url(../images/theHeart.png) center no-repeat;float:left; height:260px; width:240px;margin: 0px 2.5px 2px 2.5px;}
#retratosDigitales { background:url(../images/retratosDigitales.png) center no-repeat; height:260px; width: 490px;}
#bannerMascotas { background:url(../images/bannerMascotas.png) center no-repeat; height:260px; width: 490px;}

#promo {
	width:490px;
	height:310px;
	background: url(../images/retratosDigitalesBanner.png) no-repeat;
	position:relative;
	left: -20px;
	}


/*----------------------------- FOOTER */

#footer {
	height:350px;
	background:url(../images/bg-footer.png) center no-repeat;
	text-align:left;
	clear:both;
	}
#footerTxt {
	margin:0 auto;
	padding-top:250px;
	width:1000px;
	}

#footer p {
	color:#282828;
	font-size:11px;
	padding-left:40px;
	}

#footer ul {list-style:none;}
#footer li {color:#333333; float:left;}
#footer a { color:#333333; font-size:11px; text-decoration:none;}
#footer a:hover { color:#0099FF;}




/*----------------------------- PORTFOLIO */

.portfolioImg {
	float:left;
	width:120px;
	height:80px;
	margin-bottom:15px;
	margin-left:15px;
	overflow:hidden;
	}


#flickrRight {	
	margin:auto;
	width:412px;
	padding: 40px 40px 40px 40px;
	height:auto;
	background:url(../images/bg-trans.png) repeat;
	overflow:hidden;

}

.flickr a img{
	float:left;
	background: #F0F0F0;
	margin: 10px 20px 10px 0px;
	padding: 4px;
	list-style:none;
}

.flickr a img:hover{
	background:#C6EAFF;
}

/*-----------------------Formulario Retratos*/

.filaForm {
	width:420px;
	margin-bottom:10px;
	}

.formMedium {
	width:200px;
	float:left;
	margin-right:10px;
}

.formMedium240 {
	width:270px;
	float:left;
	margin-right:10px;
}

.formPeque {
width:130px;
float:left;
margin-right:10px;
}

.formBig {
width:410px;
}

.rectanguloForm {
margin-top:10px;
background:url(../images/bg-trans-white.png) repeat;
border:none;
color:#FFFFFF;
width:100%;
}

#btnAniadir { 
float:left;
cursor:pointer;
background:url(../images/btnVerde.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none;
}


#btnEnviar { 
width: 70px;
cursor:pointer;
border:none;
background:url(../images/btnAzul.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none;
}



#files a {
background:url(../images/btnNaranja.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none; cursor:pointer;
	}
	
#files a:hover {
background:url(../images/btnOver.gif) center no-repeat; padding:5px 15px 5px 25px; font-size:10px; color:#FFFFFF; text-decoration:none; cursor:pointer;
	}


#condicionesLegales {
height:50px;
color:#FFFFFF
}

#condicionesLegales  a { color:#FFFFFF; font-size:11px; text-decoration:none;}
#condicionesLegales  a:hover { color:#0099FF;}

#formContainer {
	width:420px;
	text-align:left;
	}