@charset "utf-8";
/* CSS Document */

body {
background-color: #ffffff;
font-family: Trebuchet MS ,Geneva, Arial, Helvetica, sans-serif;
background-image:url(images/cork-bg.png);
}
a {
border:none;
}
img {
border:none;
}
#wrap {
width:1010px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
min-height:600px;
}
#wrapUp {
width:1030px;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
min-height:600px;
}
#header {
float:left;
background-color:#FFFFFF;
position:relative;
width:100%;
/*position:relative;*/
}
#navi {
width:1010px;
margin-bottom:20px;
float:left;
clear:both;
background-color:#abe96a;
/*background-image: url(images/naviBG.jpg);*/
background-repeat:no-repeat;
background-position:right;
}
/*#navi a {

font-family:Geneva, Arial, Helvetica, sans-serif;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
	
}
*/

#navi .home {
width:63px;
height: 32px;
/*background-image: url(images/homeButcopy.jpg);
background-repeat:no-repeat;*/
margin:5px;
float:left;
}
#navi .home a {
width:63px;
height: 32px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/homeButcopy.jpg);
background-repeat:no-repeat;
margin:5px;
float:left;
}
#navi .home a:hover {
background-position: left bottom;
}

#navi .calen a {
width:113px;
height: 32px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/calendarioButcopy.jpg);
background-repeat:no-repeat;
margin:5px;

float:left;
}
#navi .calen a:hover {
background-position: left bottom;
}
#navi .mapa a {
width:67px;
height: 40px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/mapaButcopy.jpg);
background-repeat:no-repeat;
margin:5px;
float:left;
}
#navi .mapa a:hover {
background-position: left bottom;
}
#navi .servicios a {
width:84px;
height: 45px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/serviciosButcopy.jpg);
background-repeat:no-repeat;
margin:5px;
float:left;
}
#navi .servicios a:hover {
background-position: left bottom;
}
#navi .productos a {
width:103px;
height: 35px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/productosButcopy.jpg);
background-repeat:no-repeat;
margin:5px;
float:left;
}
#navi .productos a:hover {
background-position: left bottom;
}
#navi .ideas a {
width:63px;
height: 32px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/ideasButcopy.jpg);
background-repeat:no-repeat;
margin:5px;
float:left;
}
#navi .ideas a:hover {
background-position: left bottom;
}
#navi .contactos a {
width:102px;
height: 35px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/contactosButcopy.jpg);
background-repeat:no-repeat;
margin:5px;
float:left;
}
#navi .contactos a:hover {
background-position: left bottom;
}
#navi .eventos a {
width:80px;
height: 35px;
	display: block;
	text-indent: -900%;
	outline: none;
	overflow: hidden;
background-image: url(images/eventosButcopy.jpg);
background-repeat:no-repeat;
margin:5px;
float:left;
}
#navi .eventos a:hover {
background-position: left bottom;
}
#mainContentTop {
width:714px;
background-color:#FFFFFF;
float:left;
}
#mainContentTopTop {
width:1010px;
background-color:#FFFFFF;
float:left; 
margin-bottom:5px;
}
#mainContentTop2 {
width:350px;
background-color:#FFFFFF;
float:left; 
}
#mainContentTop2 h2 {
margin:0px;
}
#mainContent {
width:810px;
background-color:#FFFFFF;
float:left;
}
#Content {
width:704px; 
background-color:#ffffff; 
float:left; 
padding-left:10px; 
border-top:dotted; 
border-top-color:#FF3333; 
border-top-width:5px;
}
#Content2 {
width:1000px;
background-image:url(images/down2.jpg);
background-repeat:no-repeat;
background-position: bottom right;
background-color:#ffffff; 
float:left; 
padding-left:10px; 
border-top:dotted; 
border-top-color:#FF3333; 
border-top-width:5px;
}

/*#Content3 {
width:1000px;
background-color:#ffffff; 
float:left;  
border-top:dotted; 
border-top-color:#FF3333; 
border-top-width:5px;
text-align:center;
}
*/
#freeFonts {
background-color:#FFFFFF;
width:400px;
margin-left:auto;
margin-right:auto;
padding:7px;
}
#FFI {
width:416px;
height:188px;
display:block;
background-image: url(images/freefonttrash_03.jpg);
text-indent: -900%;
outline: none;
overflow: hidden;
}
.tiny {
font-size:small;
}
#freeFonts a {
color:#00a89d;
}
#freeFonts a:hover {
color:#FF3300;
} 
.center {
text-align:center;
}
#Content5 {
width:1000px;
background-color:#ffffff; 
float:left;  
border-top:dotted; 
border-top-color:#FF3333; 
border-top-width:5px;
padding-top:15px;
margin-bottom:15px;
}
.ContentEv {
width:1000px;
background-color:#ffffff; 
float:left;  
border-top:dotted; 
border-top-color:#FF3333; 
border-top-width:5px;
padding-top:15px;
margin-bottom:15px;
}
.ContentEv a {
text-decoration:none;
color:#00a89d;
}
#Content4 {
width:1000px; 
background-color:#ffffff; 
background-image:url(images/down23.jpg);
background-repeat:no-repeat;
background-position: bottom right;
float:left;
padding-left:5px;
margin-bottom:10px;
border-top:dotted; 
border-top-color:#FF3333; 
border-top-width:5px;
}

#calendarEmail {
background-color:#01a89e; 
color:#FFFFFF; 
border:dotted; 
border-color:#FF6666; 
border-bottom-width:5px; 
padding:5px; 
width:350px; 
margin-left:auto; 
margin-right:auto;
}
#calendarEmail a {
color:#FFFFFF;
}
#calendarEmail a:hover {
color:#FF6666;
}
#footer {
width:100%;
background-color:#abe96a;
clear:both;
text-align:center;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
margin-bottom:10px;

}
#footer a {
color:#00a89d;
}
#footer a:hover {
color: #FF3300;
}
#TAG {
font-size:xx-large;
color:#FFFFFF;
background-color:#00a89d;
float:left;
}
#Ideas {
width:155px;
height:105px;
display:block;
background-image:url(images/tag_03.jpg);
text-indent:-900%;

}
/*#Ideas*/
 h2 {
margin:0px;
}
#Home {
width:138px;
height:69px;
display:block;
background-image: url(images/tagthomerash_03.jpg);
text-indent:-900%;
}
#Calendario {
width:274px;
height:75px;
display:block;
background-image: url(images/tagCalentrash_03.jpg);
text-indent:-900%;
}
#Mapa {
width:155px;
height:89px;
display:block;
background-image: url(images/tagMapatrash_03.jpg);
text-indent:-900%;
}
#Servicios {
width:198px;
height:102px;
display:block;
background-image: url(images/tagServtrash_03.jpg);
text-indent:-900%;
}
#Productos {
width:248px;
height:79px;
display:block;
background-image: url(images/tagProdtrash_03.jpg);
text-indent:-900%;
}
#Contactos {
width:247px;
height:72px;
display:block;
background-image: url(images/tagContactrash_03.jpg);
text-indent:-900%;
}
#Eventos {
width:188px;
height:71px;
display:block;
background-image: url(images/tagEventactrash_03.jpg);
text-indent:-900%;
}
#TAG span.ideas {
width:155px;
height:105px;
display:block;
background-image:url(images/tag_03.jpg);
}
#explenation {
color:#FFFFFF;
background-color:#00a89d;
float: right;

	border:medium;
	border-style:dashed;
	border-color:#DDDDDD;
	color:white;
	width:400px;
	margin-right:10px;
	padding:10px;
	text-align: left;
}
#explenation3 {
color:#FFFFFF;
background-color:#00a89d;


	border:medium;
	border-style:dashed;
	border-color:#DDDDDD;
	color:white;
	width:965px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	text-align: left;
}
#explenation2 {
color:#FFFFFF;
background-color:#00a89d;
float: right;


	border:medium;
	border-style:dashed;
	border-color:#DDDDDD;
	width:600px;
	padding:10px;
	
}
#homeIntro {
float:left;
width:725px;
padding-left:10px;
}

#Zoom {
width:900px;
margin-left:auto;
margin-right:auto;
background:#FFFFFF;
padding:10px;
}
.hpages {
float:right;
margin:10px;
width:200px;
}
.hpages2 {
float:right;
margin:10px;
}
.center {
text-align:center;
}

#features {
float:left;
padding:5px;
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
margin-top:10px;
}

#features img {
float:left;
margin-left:45px;
margin-right:45px;
border:none;
}
#sidebar {
width:266px;
float:left;
margin-left:10px;
padding-left:10px;
}
.sidelink {
width:256px;
margin-bottom:10px;
/*
border:#000000; 
border-style:solid; 
border-width:4px;
*/
}
.sidelink a img{
border:#000000; 
border-style:solid; 
border-width:4px;
}
.sidelink a img:hover {
border:#fa7600; 
border-style:solid; 
border-width:4px;
}

#features p{
float:left;
margin-left:45px;
margin-right:45px;
}
.photoM {
	margin:15px;
	vertical-align:middle;

}
/*Testing*/
/*.photoM span {
	width:135;
	height:55;
	display:block;
	position:absolute;
bottom:62px;
left:30px;
background-image: url(images/OverImgp.png);
background-repeat:no-repeat;
}
*/
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px 10px 5px;
	padding: 8px;
	/*background: url(images/polaroid-short.png) no-repeat;
	*/
	float: left;
	position: relative;
	width: 200px;
	height:220px;
}
.gallery em {
	width: 135px;
	/*height:55px;*/
	display: none;
	padding: 10px;
	text-align: center;
	font: italic 100% Georgia, Times, serif;
	color:#FFFFFF;
	background-color:#00a89d;
	/*color: #333;
	background: url(images/OverImgp.png) no-repeat;
	*/
	position: absolute;
	bottom:0px;
	/*top: 17px;*/
	left: 0px;
}
.gallery em:hover {
display:block;
}

.gallery a {
	text-decoration: none;
	color: #666;
}
.gallery a:hover em{
	display:block;
}

/*End Testing*/

#myStyle {
	position:absolute;
	right:0px;
	top:11px;
	z-index:99;
	background-color:#00a89d;
}
#myStyle a {
color:white;
}
#myStyle a:hover {
color:#FF3300;
}
.myStl {
text-decoration:none;
list-style:none;
}

.navFrwBrw {
clear:both;
}
.navFrwBrw a {
color:#00a89d;
text-decoration:none;
}
.navFrwBrw a:hover {
color:#FF3333;
}
.navFrwBrw span {
color:#CCCCCC;
}

.mcal {
width:1000px;
background-color:#ffffff; 
float:left;  
border-top:dotted; 
border-top-color:#FF3333; 
border-top-width:5px;
padding-top:15px;
margin-bottom:15px;
font-size: 0.8em;

}
.ContentEv a {
text-decoration:none;
color:#00a89d;
}