@font-face {
	font-family: 'CartoGothic';
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book.eot');
	src: local('Comfortaa'), local('Comfortaa-Bold'), url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book.woff') format('woff'), url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book.ttf') format('truetype'), url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book.svg#Comfortaa-Bold') format('svg');
}


/*	as {font: 18px/27px 'ComfortaaThin', Arial, sans-serif;} 
		body {font: 18px/27px 'ComfortaaRegular', Arial, sans-serif;}
*/	
	body {font: 18px/27px 'ComfortaaBold', Arial, sans-serif;}

body { font-size: 16px;
/* font-family: Arial, sans-serif;*/
 } 

p { font-size: 1em; /* 16px */ line-height: 1.375em; /* 22px */
 /*margin: 0 0 1.375em 0;*/ }

.siteName 
 {font-family:"Times New Roman", Times, serif; font-size: 5.7em; /* 24px */ line-height: 1em; margin-bottom: 0em; text-align:center; }

 .textoGrande,
.casas h3,
.class-for-24px { font-size: 1.5em; /* 24px */ line-height: 1.8333em; /* 44px */ margin-top: 0.9167em; margin-bottom: 0em; }


.class-for-22px { font-size: 1.375em; /* 22px */ line-height: 1em; /* 22px */ margin-top: 1em; margin-bottom: 0em; }

h3,
.class-for-20px { font-size: 1.25em; /* 20px */ line-height: 1.1em; /* 22px */ margin-top: 1.1em; margin-bottom: 0em; }

.class-for-18px { font-size: 1.125em; /* 18px */ line-height: 1.2222em; /* 22px */ margin-top: 1.2222em; margin-bottom: 0em; }
.subTitle,
.class-for-16px { font-size: 1em; /* 16px */ line-height: 1.375em; /* 22px */ margin-top: 1.375em; margin-bottom: 0em; }
 #menuPrincipal,
#aviso_albumes,
.class-for-14px { font-size: 0.875em; /* 14px */ line-height: 1.5714em; /* 22px */ margin-top: 1.5714em; margin-bottom: 0em; }

/* the overlayed element */
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	padding:15px;
	width:900px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(img/overlay/close.gif);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.overlayForm{
    width:500px;
    text-align:left;

}


/* styling for elements inside overlay */
	.details {
        width:500px;	
	color:#fff;
	text-align:left;	
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
body{
    background-color:#fff;
    color:000;
 /*   font-weight:800; */
    text-align:center;
}
.siteName{
    font-weight:400;
    letter-spacing:2px;
   /*padding-top:0.4em;*/
    color:#548dd4;
}
.casas h3{
    color:#000;
}
.subTitle{
    text-align:center;
    margin-top: 10px;
font-weight:800;
color:#954;
}
 #subT1{
 float:left;
}
 #subT2{
 float:left;
 padding-left:120px;
}
#subT3{
float:right;
}
.left_bar, .right_bar{
    padding-top:3em;
}
/* tooltip styling */
.message {
	display:none; 
	background:transparent url(img/boxRed.png) no-repeat scroll 0 0;
	height:100px;
	padding:40px 30px 10px 30px;
	width:210px;
	font-size:15px;
        text-align:right;
 z-index:10;      
background-position:0 -274px;
}

.picassaGallery{
z-index:-10;
}

#menuPrincipal span,
#menuPrincipal li{
   
    margin-bottom:6px;
 /* border: 1px solid blue;*/
}
#menuPrincipal .current{
  
}
#menuPrincipal {
    padding: 3px;
    margin:2px;
    text-align:left;
color:#777777;

}
#menuPrincipal a.current {


color:#222;
cursor:default;
background:transparent url(img/boxRed.png) no-repeat scroll 0 0;
background-position:-297px -432px ;
}
#menuPrincipal span,
#menuPrincipal a {

color:#777777;
display:block;
font-size:13px;
font-weight:bold;
border:1px solid #548dd4;
padding-left:5px;
background-color:#eee;
text-decoration:none;
top:1px;
}



#menuPrincipal span:hover,
#menuPrincipal a:hover{
color: #548dd4;
}
#menuPrincipal{
list-style:none outside none;
}


li ul{
    margin-left:20px;  
   display:none;
}






.contacta{
    float:right;
    text-align:right;
}

.casas  img{
    width:100%;
   
    border:1px solid #000;
	cursor:pointer;
}


body{
background:transparent url(../images/fondo1.jpg) no-repeat scroll 0 0;
}



.titleBox {
        
	background:transparent url(img/boxRed.png) no-repeat scroll 0 0;
	display:block;
	height:100px;
	margin-bottom:30px;
        padding-top:30px;
	overflow:hidden;
/*	text-indent:-999em;*/
	width:130px;
	cursor:pointer;
       
}
.boxAdd a{

color:#333;
text-decoration:none;
}

.boxAdd a,
.contacta{
    font-weight:bold;
}

.box1 a:hover{

background-position:0 -144px ;
}



.boxAdd{
   height:130px;
   width:130px;
}




.box2 .titleBox {
background-position:-290px 0px ;
}
.box2 .message {
background-position:-290px -274px ;
}

.box2 a:hover {
background-position:-290px -144px ;
}



.box3 .titleBox {
background-position:-580px 0px ;
}
.box3 .message {
background-position:-580px -274px ;
}

.box3 a:hover {
background-position:-580px -144px ;
}

.box4 .titleBox {
background-position:-870px 0px ;
}
.box4 .message {
background-position:-870px -274px ;
}

.box4 a:hover {
background-position:-870px -144px ;
}

embed{
width:800px; 
height:533px;
}


.contents{
padding:10px;
/*padding-left:30px;
*/
margin-right:3px;

height:340px;
    margin-top: 1em;
    border:1px solid #548dd4;
background-color:#fff;
text-align:left;
padding-top:0px;
}
.contents h3{
    margin-top:10px;
}

.downloadList {
   margin-left:15px;
   margin-top:10px;
}

.downloadList li{
   width:250px;
   border-bottom:1px solid #666;
   margin-top:5px;
}

.downloadList span{
    float:left;
}
.downloadList a{
  float:right;
  text-decoration:none;
}

#aviso_albumes{
    border:1px solid #666;
    padding: 1em;
    width:700px;
    text-align:left;
    margin:auto;
    margin-top:0em;
    background-color:#eee;
    margin-bottom:15px;
}

.uniForm{
    padding:15px;
}

.casas  img{
    width:100%;
   
    border:1px solid #000;
	cursor:pointer;
}
.casas a {
text-decoration:none;
}
.casa{
 /*margin-top:em;*/
  padding:15px;

 
}
.casa_hover{
background:transparent url(img/boxRed.png) no-repeat scroll 0 0;
background-position:-13px -469px ;
}

ul {list-style-type:disc;
    padding-left:15px;
}


/*http://www.w3schools.com/css/css_colornames.asp  en esta url encuentras una lista de colores */

.contacta,
#albumesCasas{
    color:black;
} 

.textoGrande{
/*height:230px;
 */   
/* ancho del texto*/
 font-weight:600;
 
 /*separacion con la linea superior*/
 padding-top:0px;
	 
	 /*color del texto*/
	 color:blue;

background:transparent url(../portada.jpg) no-repeat scroll 0 0;

/*color del fondo*/
background-color:white;

}