/* CSS Document */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333;
	text-align: center;
    background-color: #fff;
}

#page {
	width: 80%;
	min-width: 750px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: left;
	}

/*header*/

#tagcloud {
float: right;
width: 350px;
height: 110px;
margin-top: 8px;
padding: 8px 15px;
font-size: 15px;
font-weight: bold;
line-height: 19px;
overflow: auto;
color: #00bbf9;
background-color: #f6f6f6;}

#tagcloud:hover {
background-color: #ff6;}

#tagcloud a:link {
color: #00bbf9;
text-decoration: none;
 }
 
 #tagcloud a:visited {
color: #00bbf9;
text-decoration: none;
 }
 
  #tagcloud a:hover {
color: #fff;
background-color: #00bbf9;
text-decoration: none;
 }
 
   #tagcloud a:active {
color: #fff;
background-color: #3cf;
text-decoration: none;
 }


/*miniatures videos*/

#videos {
z-index: 1;}

.miniatura {
float: left;
width: 130px;
height: 130px;
margin: 15px 10px;
padding: 5px !important;
background: url(img/fons.gif) #eaeaea;
}


.miniatura img {
margin-bottom: 3px;
}

.miniaturatxt {
padding: 3px 5px;
}

.miniatura:hover {
background-color: #ff6;

}


/*form*/

form {
position: relative;
top: 5px;
left: 10px;
width: 200px;;
}
input.omple {
width: 100px;
margin: 3px 0 0 0;
padding: 1px;
height: 14px;
font-size: 11px;
border: 1px solid #00bbf9;
}

input.omple:hover {
background-color: #ff6;
}

input.boto {
width: 27px;
padding: 1px;
font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #00bbf9;
border: 1px solid #00bbf9;
}

input.boto:hover {
background-color: #ff6;
}

/*footer*/

#footer {
clear: both;
text-align: center;
color: #666;
padding: 25px 0;
}



/*layer video*/

#videogran {
position: absolute;
top: 15%;
left: 25%;
z-index: 100000;
color: #999;
font-size: 13px;
width: 420px;
background-color: #333;
border: 1px solid #666;
padding: 35px;
}

#videogran img {
margin-top: 8px;
}

.close {
font-size: 10px;
float: right;
margin: 8px;
}

.close a:link {
color: #666;
text-decoration: none;
}

.close a:visited {
color: #666;
text-decoration: none;
}

.close a:hover {
text-decoration: none;
color: #333;
background-color: #ccc;
}
.close a:active {
color: #333;
background-color: #ccc;
}



/*generiques*/

.esq {
float: left;}

.dre {
float: dreta;
}

.limpia {
clear: both;
}