@charset "utf-8";
/* CSS Document */

/*@import "fancy.css";*/

/* =reset.css (by Andy Clarke) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.clear { clear: both; font-size: 1px; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac */ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

body { background-color:#E6E1E6; background-image:url(../images/png8-16col.png); background-repeat:no-repeat; }
p { color:#333; }

#loader { width:98%; margin:0 auto; margin-top:250px; }
#loader img { margin:0 auto; display:block;}
#loader p { text-align:center; color:#FFF; font-size:20px; padding-top:20px; font-weight:bold; }
#sve { display:none; background-color:#E6E1E6;}

div.cell { display:block; float:left; width:1024px; height:768px; }

ul.menu { display:block; list-style:none; float:left; margin:0px; padding:0px; width:466px; position:absolute; }
ul.left li { float:left; margin:2px; }
ul.right li { float:right; margin:2px; }
ul.menu li a { display:block; float:left; padding:3px 5px; text-decoration:none; font-size:20px; background:#FFF; color:#333; }
div.logo a { display:block; float:left; }
div.bg_dva, div.bg_tri, div.bg_cet { width:1024px; height:768px; float:left; }

.menuPrincipal {	
	width:100%;
	height:55px;
	position:fixed;
	top:0px;
	/*margin:0 auto;*/
	z-index:100;
	background-color:#E6E1E6;
}

.botonCurandote {
	display:block;
	width:960px;
	height:660px;
}

.botonDosier {
	position:absolute;
	display:block;
	width:300px;
	height:200px;
	top:150px;
	right:280px;
}


.menuPrincipal .left {
	float:left;
}

.menuPrincipal .right {
	margin-left:246px;
	background-color:#cfcacf;
	width:100%;
	height:55px;
}

.menuPrincipal .right #menuLito {
	margin-top:3px;	
}

/*...give the right-hand vertical a smaller, non-bold, deep red label, on a white background...*/
#menuLito div.jqDockLabel {color:#480556; font-size:13px; font-weight:normal; padding-top:10px; margin-top:10px; bottom:-30px; position:absolute; }
/*#menuLito div.jqDockLabel {color:#480556; font-size:13px; font-weight:normal; padding-top:100px; margin-top:0px; bottom:0px; position:absolute; }*/
#menuLito2 div.jqDockLabel {color:#480556; font-size:13px; font-weight:normal; bottom:-30px; }

.menuPrincipal .right #menuLito2 {
	/*margin-top:3px;*/
	padding-top:3px;
}

/**/

.titulo {
	color:#480556;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

.titulo a:active,
.titulo a:visited,
.titulo a:link {
	color:#480556;
	text-decoration:none;
}

a:link,
a:visited,
a:active {
	color:#480556;
	text-decoration:none;
}

a:hover {
	color:#a8468c;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.titulo a:hover
{
	color:#a8468c;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.titulo.color1{
	color:#a8468c;
}

.titulo.t1{
	font-size:11px;
}

.titulo.t2{
	font-size:12px;	
}

.titulo.t3{
	font-size:13px;	
}

.titulo.bold{
	font-weight:bold;	
}

ul.asterisco{
	margin:0px; 
	list-style:none;
	list-style-image:url(../images/asterisco.jpg);
}

ul.enlaces{
	margin:0px; 
	list-style:none;
}

ul.fotografias{
	margin:0px; 
	list-style:none;
}

ul.fotografias li{
	display:inline-block;
	width:22px;
	height:48px;
	margin-right:px;
	margin-top:19px;
}

ul.fotografias li a{
	display:block;
	cursor:pointer;
	width:22px;
	height:48px;
}

ul.fotografias li a:hover{
	background-color:#f6a600;
	filter: alpha(opacity=50); opacity: .5;
}


ul.humorlist{
	margin:0px; 
	list-style:none;
	width:800px;
}

ul.humorlist li{
	display:inline-block;
	width:185px;
	margin-right:2px;
	margin-top:3px;
	
	border:solid;
	border-width:1px;
	border-color:#480556;
}

ul.poesialist{
	margin:0px; 
	list-style:none;
	width:300px;
}

ul.poesialist li{
	width:300px;
	margin-right:0px;
	margin-top:0px;
}

ul.poesialist li:hover{
	color:#f6a600;
}

/* Calendar */


.icali{
	position:absolute;
	left:4px;
	top:0px;
}

.icald{
	position:absolute;
	right:4px;
	top:0px;
}


/* Easy Slider */

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:355px;
		overflow:hidden; 
		text-align:center;
		}

	
p#controls {
		position:absolute;
		top:0px;
		width:650px;
		left:0px;
		margin-left:160px;
		margin-top:340px;
}
		
span#prevBtn{ position:absolute; left:0px; width:20px; height:20px; display:block; }
span#nextBtn{ position:absolute; right:0px;  width:20px; height:20px; display:block; }	

span#prevBtn a:link, span#prevBtn a:hover, span#prevBtn a:visited, span#prevBtn a:active{
				display:block; width:20px; height:20px;
}
span#nextBtn a:link, span#nextBtn a:hover, span#nextBtn a:visited, span#nextBtn a:active{
				display:block; width:20px; height:20px;
}

/* // Easy Slider */


ul.dibujolist{
	margin:0px; 
	list-style:none;
	width:300px;
}

ul.dibujolist li{
	width:300px;
	margin-right:0px;
	margin-top:0px;
}

.margin1{
	margin-left:1px;
}

.margin2{
	margin-left:2px;
}

.margin3{
	margin-left:3px;
}

/* links position */

#anchor_intro { position:absolute; left:200px; top:1330px; float:left; }
#anchor_abejas { position:absolute; left:2550px; top:1140px; float:left; }
#anchor_fotografias { position:absolute; left:1300px; top:2770px; float:left; }
#anchor_humor { position:absolute; left:2600px; top:2135px; float:left; }
#anchor_musica { position:absolute; left:2500px; top:0px; float:left;  }
#anchor_poesias { position:absolute; left:1250px; top:408px; float:left; }
#anchor_dibujo { position:absolute; left:150px; top:2330px; float:left;  }
#anchor_prensa { position:absolute; left:1400px; top:1660px; float:left; }

/* page position*/

#intro { position:absolute; left:200px; top:1300px; float:left; padding-left:100px; padding-top:50px;}
#abejas { position:absolute; left:2550px; top:1100px; float:left; }
#fotografias { position:absolute; left:1300px; top:2700px; float:left; }
#humor { position:absolute; left:2600px; top:2100px; float:left; }
#musica { position:absolute; left:2500px; top:0px; float:left;  }
#poesias { position:absolute; left:1250px; top:400px; float:left; }
#prensa { position:absolute; left:1400px; top:1600px; float:left; }
#dibujo { position:absolute; left:150px; top:2300px; float:left; }

/* links position */
/*
#anchor_intro { position:absolute; left:200px; top:1300px; float:left; }
#anchor_abejas { position:absolute; left:2550px; top:1100px; float:left; }
#anchor_fotografias { position:absolute; left:1300px; top:2700px; float:left; }
#anchor_humor { position:absolute; left:2600px; top:2100px; float:left; }
#anchor_musica { position:absolute; left:2500px; top:0px; float:left;  }
#anchor_poesias { position:absolute; left:1250px; top:400px; float:left; }
#anchor_dibujo { position:absolute; left:150px; top:2300px; float:left;  }
#anchor_prensa { position:absolute; left:1400px; top:1600px; float:left; }

/* page position*/
/*
#intro { position:absolute; left:200px; top:1300px; float:left; padding-left:100px; padding-top:50px;}
#abejas { position:absolute; left:2550px; top:1100px; float:left; }
#fotografias { position:absolute; left:1300px; top:2700px; float:left; }
#humor { position:absolute; left:2600px; top:2100px; float:left; }
#musica { position:absolute; left:2500px; top:0px; float:left;  }
#poesias { position:absolute; left:1250px; top:400px; float:left; }
#prensa { position:absolute; left:1400px; top:1600px; float:left; }
#dibujo { position:absolute; left:150px; top:2300px; float:left; }
*/


/*CTN*/
#intro { background:url(../images/fondos/inicio.png) no-repeat; }

/*
#intro div.logo { float:left; height:351px; left:41px; position:absolute; top:43px; width:512px; }
#intro div.logo p.title { color:#FFF; font-size:19px; font-weight:bold; }
#intro div.logo p.subtitle { color:#FFF; font-size:19px; font-weight:bold; display:block; float:left; width:100%; margin-top:-50px;}
#intro div.logo p.subtitle span { color:#333; }
#intro a { display:block; border:none; }
#intro ul.menu { top:321px; left:43px; }
*/

#abejas { background:url(../images/fondos/abejas.png) no-repeat; }

/*
#kontakt div.bg_dva { background:url(../images/bg_kontakt_bottom.jpg) left 572px no-repeat; }
#kontakt div.logo { position:absolute; left:1751px; top:43px; width:510px; }
#kontakt div.logo p.title { color:#FFF; font-size:19px; font-weight:bold; }
#kontakt div.logo p.subtitle { color:#FFF; font-size:19px; font-weight:bold; display:block; float:left; width:100%; margin-top:-50px; }
#kontakt div.logo p.subtitle span { color:#834a98; }
#kontakt a { display:block; border:none; }
#kontakt ul.menu { left:1880px; top:388px; }
#kontakt ul.menu li a:hover { color:#FFF; background:#834a98; }
#kontakt div.papiric { position:absolute; left:1300px; top:0px; width:427px; background:url(../images/bg_kontakt_left.jpg) 0px 0px no-repeat; height:557px; padding-left:100px; }
#kontakt div.papiric h1 { font-size:31px; color:#834a98; display:block; margin:265px 0 10px 0px; font-weight:bold; }
#kontakt div.papiric p { font-size:17px; font-weight:bold; color:#333; line-height:118%; display:block; margin:0 0 40px 0px; }
#kontakt div.papiric p a { text-decoration:none; color:#333; border-bottom:1px dotted #834a98; display:inline; }
#kontakt div.papiric p a:hover { color:#834a98; border:none; }
#kontakt a.arrow_kontakt { margin:0 0 2px 0px; display:inline-block; text-decoration:none; }
#kontakt a.arrow_kontakt span { color:#FFF; font-size:17px; font-weight:bold; padding:4px 8px 4px 8px; background-color:#834a98; float:left; width:auto; display:block; }
#kontakt a.arrow_kontakt span.arrow { background: transparent url(../images/arrow_kontakt.gif) 100% 50% no-repeat; width:16px; height:31px; background-color:#6e9f3c; display:block; padding:0px; float:left; }
#kontakt a.arrow_kontakt:hover span { color:#834a98; background-color:#FFF; text-decoration:none; }
#kontakt a.arrow_kontakt:hover span.arrow { background: transparent url(../images/arrow_over.gif) left top no-repeat;}
*/


#musica { background:url(../images/fondos/musica.png) no-repeat; }

/*
#musica div.bg_dva { background:url(../images/bg_musica_right.jpg) right -1px no-repeat;  }
#musica div.bg_tri { background:url(../images/bg_musica_bottom.jpg) 717px 627px no-repeat;}
#musica div.logo { position:absolute; left:3259px; top:52px; }
#musica ul.menu { top:48px; left:2775px; }
#musica ul.menu li a:hover { color:#FFF; background:#fe6504; }
#musica-txt { width:640px; position:absolute; left:3017px; top:137px; }
#musica-txt div.entry { background:#FFF; padding:10px; float:left; margin:5px 0px; width:638px; }
#musica-txt div.left { width:130px; float:left; }
#musica-txt p.ime, #musica-txt div.txt { font-size:14px; font-weight:bold; }
#musica-txt div.txt { width:485px; float:right; text-align:justify;  }
#musica-txt p.ime { padding-bottom:5px; }
#musica-txt p.date { font-size:12px; }
#musica-txt a.arrow_musica { margin:5px 0px; display:block; float:left;text-decoration:none;}
#musica-txt a.arrow_musica span { color:#FFF; font-size:17px; font-weight:bold; padding:4px 8px 4px 8px; background-color:#fe6504; float:left; }
#musica-txt a.arrow_musica span.arrow { background: transparent url(../images/arrow_musica.gif) 100% 50% no-repeat; width:16px; height:31px; display:block; padding:0px; float:left; }
#musica-txt a.arrow_musica:hover span { color:#fe6504; background-color:#FFF; text-decoration:none; }
#musica-txt a.arrow_musica:hover span.arrow { background: transparent  url(../images/arrow_over.gif) left top no-repeat; }
*/


#humor { background:url(../images/fondos/humor.png) no-repeat; }

/*
#humor div.logo { position:absolute; left:805px; top:800px; }
#humor ul.menu { top:795px; left:320px; }
#humor ul.menu li a:hover { color:#333; background:#dff85c; }
#humor ul.gallery { position:absolute; top:900px; left:450px; width:630px; float:left; list-style:none; }
#humor ul.gallery li { float:right; margin:5px; }
#humor ul.gallery a { display:block; border:4px solid #FFF; }
#humor ul.gallery a:hover { border:4px solid #dff85c; }
*/

#prensa { background:url(../images/fondos/prensa.png) no-repeat; }
/*
#prensa div.bg_dva { background:url(../images/bg_prensa_left.jpg) left top no-repeat; }
#prensa div.bg_tri { background:url(../images/bg_prensa_bottom.jpg) 162px bottom no-repeat; }
#prensa div.bg_cet { background:url(../images/uskoro.jpg) 162px 142px no-repeat; }
#prensa div.logo { position:absolute; left:3274px; top:1188px; }
#prensa ul.menu { left:2797px; top:1185px; }
#prensa ul.menu li a:hover { color:#FFF; background:#3cbbd5; }
*/


#poesias { background:url(../images/fondos/poesia.png) no-repeat; }
/*
#poesias div.bg_dva { background: transparent url(../images/bg_poesias_papir.jpg) no-repeat scroll 68px 469px; }
#poesias div.logo { position:absolute; left:131px; top:1513px; }
#poesias ul.menu { left:436px; top:1513px; }
#poesias ul.menu li a:hover { color:#FFF; background:#6598ee; }
#poesias #poesias_txt { background:#FFFFFF none repeat scroll 0 0; height:349px; left:136px; padding:10px; position:absolute; top:1634px; width:620px; }
#poesias #poesias_txt h1 { font-size:36px; color:#6598ee; display:block; margin:10px 0px; }
#poesias #poesias_txt p { font-size:14px; }
*/

#fotografias { background:url(../images/fondos/fotografia.png) no-repeat; }
/*
#fotografias div.logo { position:absolute; left:3155px; top:1555px; }
#fotografias ul.menu { left:3382px; top:1550px; }
#fotografias ul.menu li a:hover { color:#FFF; background:#3ea2c6; }
#fotografias #fotografias_txt { background:#FFFFFF none repeat scroll 0 0; height:350px; left:3215px; padding:10px; position:absolute; top:1640px; width:564px; font-size:13px; overflow:auto; font-weight:bold; color:#333333; }
#fotografias #fotografias_txt table { width:97%;  }
#fotografias #fotografias_txt table tr {  line-height:170%; }
#fotografias #fotografias_txt table tbody tr:hover { background:#3EA2C6; color:#FFF; }
#fotografias #fotografias_txt table tr.prvo:hover { background:#FFF;  }
#fotografias #fotografias_txt table tr.prvo { height:10px; }
#fotografias #fotografias_txt table tr td { text-align:center; }
#fotografias #fotografias_txt table tr td.levo { text-align:left; padding-left:15px; }
#fotografias #fotografias_txt table tr.odd { background:#E8EFEF;  }
#fotografias #fotografias_txt table thead tr td { background:#3EA2C6; color:#FFFFFF;  }
#fotografias #fotografias_txt table thead tr td.levo { background:#FFFFFF; }
#fotografias #fotografias_txt table thead { height:20px; }
#fotografias #fotografias_subtext { position:absolute; left:3215px; top:2017px; width:266px; background:#3EA2C6; }
#fotografias #fotografias_subtext p { color:#FFFFFF; font-size:14px; font-weight:bold; line-height:200%; padding-left:11px;  }
*/


#dibujo { background:url(../images/fondos/dibujo.png) no-repeat; }
/*
#dibujo div.logo { position:absolute; left:872px; top:2609px; }
#dibujo ul.menu { left:379px; top:2604px; }
#dibujo ul.menu li a:hover { color:#FFF; background:#ff68bb; }
#dibujo #fotografias_txt { background:#FFFFFF none repeat scroll 0 0; height:352px; left:3215px; padding:10px; position:absolute; top:1644px; width:564px; }
#dibujo #dibujo_subtext { position:absolute; left:447px; top:2572px; width:396px; background:#FF68BB; z-index:250; }
#dibujo #dibujo_subtext p { color:#FFFFFF; font-size:14px; font-weight:bold; line-height:200%; padding-left:11px;  }
*/
