@charset "utf-8";
/*-------------------------------------------------*\
	+ Developer: 		Aggressivex Group SL
	+ Date:				12-12-2007
	+ Purpose:			Define basics designs
\*-------------------------------------------------*/

/*----------------------------------*\
	+ Resets defect styles & basics
\*----------------------------------*/

	*{
		margin:					0;
		padding:				0;
		border:					none;
		outline:				none;
	}

	.center{
		text-align:				center
	}
	
	.fleft{
		float:					left;
	}
	
	.fright{
		float:					right
	}

	.sclear{
		clear:					both;
	}

	.clear{
		clear:					both;
		display:				block;
	}
	
	/* Basic size */
	.sizer{
		width:					977px;
		margin:					auto;
		text-align:				left;
	}

	#contenido{
		width:					977px;
		margin:					auto;
		text-align:				left;
		clear:					both;
		background: 			url(images/structure/base-trans.png);

	
	}
	
/*----------------------------------*\
	+ Basic styles
\*----------------------------------*/
	html{
		height:					100%;
	}

	body{
		
		background: transparent url(images/img_structure/background.jpg) top center repeat-x;
		background-attachment: fixed;

		/*background-color: #d491bc;*/
		text-align:				center;
		color:					#F9F9F9;		
		font-family: 			Verdana, Arial, Helvetica, sans-serif;
		font-size: 				0.8em;
		height:					100%;
	}

/*----------------------------------*\
	+ Header menu
\*----------------------------------*/
	#logo{
		background: 			url(images/img_structure/logo-trans.png) center no-repeat;
		width: 					510px;
		height:					115px;
		margin-left:			3px;
		
		
	}

	#stripe{
		height:					14px;
		margin:					auto;
		background: 			url(images/structure/stripe-trans.png) center;
		width:					977px;
	}

	#header{
		width:					100%;
		padding-top:			0px;
		line-height:			normal;
		float:					left;
		font-size:				0.85em;
		color:					#FF59B9;
		font-weight:bold;
	}
	
	#header_info_right{
		float:					left;
		text-align:				left;
		margin-left:			8px;


	}

    #header ul{
        margin:					0;
        padding:				10px 10px 0 30px;
        list-style:				none;
      }
	  
    #header li{
		display:				inline;
		margin:					0;
		padding:				0;
      }

    #header a{
		float:					left;
		background:				url("images/img_menus/tab_l.gif") no-repeat left top;
		margin:					0;
		padding:				0 0 0 4px;
		text-decoration:		none;
	}
    
	#header a span{
		float:					left;
		display:				block;
		background:				url("images/img_menus/tab_r.gif") no-repeat right top;
		padding:				5px 15px 4px 6px;
		color:					#666;
	}

    #header a:hover span{
		color:					#000;
	}
 
    #header a:hover {
		background-position:	0% -42px;
	}
    
	#header a:hover span {
		background-position:	100% -42px;
	}

	#header #current a {
		background-position:	0% -42px;
	
	}
	
	#header #current a span {
		background-position:	100% -42px;
		color:					#000;
	}

	/* Hack para IE5-Mac \*/
    #header a span{
		float:					none;
	}
    /* Final IE5-Mac hack */

/* + Header texts */

	#header h1{
		margin: 				5px 5px 0 5px;
		font-size:				28px;
	}
	
	#header h3{
		margin: 				0;
		padding:0;
		font-size:				11px;
		font-weight:			normal;
		letter-spacing:			2px;
	}
	
/*----------------------------------*\
	+ Basic structure
\*----------------------------------*/


	#content_max{
		width:					98%;
	}

	#thumbs_gal{
		width:					68%;
		margin:					20px 10px 10px 10px;
		text-align:				left;
		float:					left;
	}

	#side_bar{
		margin:					20px 30px 10px 0;
		padding:				0 0 0 20px;
		width:					200px;
		float:					right;
		border-left:			#cc5299  5px solid;
	}
	
	#sub_footer{
		background: 			url(images/structure/sub_footer.png) repeat-y;
		width:977px;
		margin:auto;
		clear:					both;
		text-align:				left;
	}

	#sub_f_izq{
		float:					left;
		width:					420px;
		margin:					0 10px 0 30px;
	}

	#sub_f_cen{
		width:					20%;
		margin:					0 10px 0 10px;
	}

	#sub_f_der{
		width:					420px;
		float:					right;
		margin:					0 35px 0 10px;
	}
	
	#footer{
		margin:					0;
		height:					50px;


		background: 			url(images/structure/footer.png) repeat-y;
		width:977px;
		margin:auto;
		padding: 20px 0 0 0;
		clear:					both;
		text-align:				center;
	}
	
	#base_footer{
		background: 			url(images/structure/base_footer-trans.png) no-repeat;
		width:977px;
		margin:auto;
		height:30px;	
	
	}
/*----------------------------------*\
	+ footer
\*----------------------------------*/

	#footer a:link{
		color:					#FFF;
		font-weight:			bold;
		text-decoration:		none;
			
	}

	#footer a:visited{
		color:					#FFF;		
		font-weight:			bold;
		text-decoration:		none;
	}

	#footer a:hover{
		color:					#000;
		font-weight:			bold;
		background-color:		#ffb2df;
	}
/*----------------------------------*\
	+ Sub footer
\*----------------------------------*/

	#sub_footer h2{
		font-size:				20px;
		margin:					5px 0 5px 0;
		font-weight: 			normal;
	}
	
	#sub_footer ul{
		list-style-type: 		none;
	}
	
	
	#sub_footer  ul{
		margin: 0px 0 20px 0;
		
	}
	
	#sub_footer  li a{
		display: 				block;
		padding: 				3px;
		border-bottom: 			1px solid #eee;
		height:					16px;
	}

	#sub_footer  li a:link, #sub_footer  li a:visited
	{
		color: 					#EEE;
		text-decoration: 		none;
	}

	#sub_footer  li a:hover
	{
		background-color: 		#ffb2df;
		color: 					#000;
		font-weight:			normal;
	}
	

/*----------------------------------*\
	+ Side bar
\*----------------------------------*/

	#side_bar h2{
		font-size:				24px;
		margin:					5px 0 5px 0;
	}
	
	#side_bar ul{
		list-style-type: 		none;
	}
	
	
	#side_bar  ul{
		margin: 0px 0 20px 0;
		
	}
	
	#side_bar  li a{
		display: 				block;
		padding: 				3px;
		border-bottom: 			1px solid #cc5299 ;
		/*height:					16px;*/
		height:					100%;
	}

	#side_bar  li a:link, #side_bar  li a:visited
	{
		color: 					#EEE;
		text-decoration: 		none;
	}

	#side_bar  li a:hover
	{
		background-color: 		#ffb2df;
		padding-left: 			5%;
		font-weight:			bold;
		color: 					#000;
	}
	
	/* Tag Cloud*/
	#side_bar #tag_cloud {
		text-align:				center;
	}
	
	#side_bar #tag_cloud a{
		display: 				inline;
		border: 				none;
	}

	#side_bar #tag_cloud a:hover{
		padding:				0;
		font-weight:			normal;
	}

/*----------------------------------*\
	+ Estructura de Entradas
\*----------------------------------*/

	.fecha{
		font-size:				11px;
		letter-spacing:			1px;
		margin:					5px;
	}
	
	.entrada{
		text-align:				justify;
		font-family: 			Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size:				15px;
	}
	
	.mini_post{
		font-family: 			Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size:				15px;
		margin:					10px;
		padding-left:			40px;
		background: 			url(images/img_lists/list_star.gif) left top no-repeat;
	
	}
	
	.postmetadata{
		margin:					10px;
	}
	
	.paginacion{
		text-align:				center;
		margin:					0 0 20px 0;
		height: 10px;
	}

	.separa_post{
		height:					40px;
		margin:					10px 0 10px 0;
		width:					100%;
		background:				center no-repeat url(images/img_structure/floritura.gif)
	}

	.separa_content{
		height:					40px;
		width:					100%;
		background:				center no-repeat url(images/img_structure/floritura.gif)
	}

	#content p{
		margin:					15px 0 15px 0;
	}

	cite{
		margin:					15px 0 15px 20px;
		padding-left:			10px;
		font-style:				italic;
	}

	blockquote{
		margin:					15px 20px 15px 20px;
		padding-left:			10px;
		font-style:				italic;
		border-left:			4px solid #cc5299
	}

	#content img{
		border:					3px solid #fff;
		margin:					10px;
	}

	#content h2{
		font-size:				30px;
		margin:					5px 0 5px 0;
		font-weight:			normal;

		text-indent: 			38px;
		background: 			url(images/img_lists/list_star.gif) left top no-repeat;
	}



	/* Link dentro del bloque del post */

	#content a{
		width:					100%;
		color:					#FFF;
		text-decoration:		none;
	}
	
	#content a:hover {
		color:					#000;
		font-weight:			normal;
		background-color:		#ffb2df;
	}
	
	/* Links dentro de la entrada */	

	.entrada a{
		width:					100%;
		color:					#FFF;
		background-color: 		#CC5299;
		text-decoration:		none;
	}
	
	.entrada a:hover {
		color:					#000;
		font-weight:			normal;
		background-color:		#ffb2df;
	}

	.postmetadata a{
		text-decoration: 		underline;
	}
/*----------------------------------*\
	+ Players
\*----------------------------------*/	

	.flv_player{
		background: 			url(images/img_structure/video_background.jpg) center no-repeat;
		margin:					auto;
		text-align:				center;
		height:					440px;
		width:					595px;
	}
	.agxplayer{
		margin-top: 54px;
	}

/*----------------------------------*\
	+ Comentarios
\*----------------------------------*/

/* Redondo 1 */
	.com_1_{display:block}
	.com_1_ *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#ff80ca}
	.com_1_1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #ff69c0;
	  border-right:1px solid #ff69c0;
	  background:#ff76c5}
	.com_1_2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #ff5cba;
	  border-right:1px solid #ff5cba;
	  background:#ff78c6}
	.com_1_3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #ff78c6;
	  border-right:1px solid #ff78c6;}
	.com_1_4{
	  border-left:1px solid #ff69c0;
	  border-right:1px solid #ff69c0}
	.com_1_5{
	  border-left:1px solid #ff76c5;
	  border-right:1px solid #ff76c5}
	.com_1_fg{
	  background:#ff80ca;
		padding: 15px;
	  }
/* Redondo 2 */
	.com_2_{display:block}
	.com_2_ *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#cc5299}
	.com_2_1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #e955ab;
	  border-right:1px solid #e955ab;
	  background:#d853a1}
	.com_2_2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #f958b5;
	  border-right:1px solid #f958b5;
	  background:#d5539f}
	.com_2_3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #d5539f;
	  border-right:1px solid #d5539f;}
	.com_2_4{
	  border-left:1px solid #e955ab;
	  border-right:1px solid #e955ab}
	.com_2_5{
	  border-left:1px solid #d853a1;
	  border-right:1px solid #d853a1}
	.com_2_fg{
	  background:#cc5299;
	  padding: 15px;
	  }
	 .com_3_fg{
	  background:#cc5299;
	  padding: 5px;
	  }
/* Redondo 2 */

	#comentarios li{
		margin:					10px 0 20px 20px;
		width: 					70%;
		/*background-color:		#cc5299;*/
		list-style-type:		none;
	}

	#comentarios li.alt{
		margin:					10px 0 20px 40px;
		width: 					70%;
		/*background-color:		#ff80ca;*/
	}

	.comment_title{
		margin:					20px 0 20px 0;
		font-size:				16px;
		font-weight:			bold;
	}

	.commentmetadata{
		margin:					0 0 10px 0;
		font-size:				10px;
	}
	
	.comment_text{
		text-align:				justify;
	}

/*----------------------------------*\
	+ Comentarios form
\*----------------------------------*/
	
	#form_comment{
		margin:					30px 0 10px 0;
		border-top:				#ffb2df 3px solid;
		padding: 				20px;
	}
	
	#form_comment input, #form_comment textarea{
		padding: 				2px;
		background-color: 		#ff80ca;
		border: 				2px solid #cc5299;
		color:					#FFFFFF;
	}
	#side_bar input{
		padding: 				2px;
		font-weight:			bold;
		background-color: 		#ff80ca;
		border: 				2px solid #cc5299;
		color:					#FFFFFF;
	}

/*----------------------------------*\
	+ TGP
\*----------------------------------*/
/* CSS Document */

	#tgp{
		text-align:center;
		margin: 20px 0 10px 0;
		margin:auto;
	}

	 #gallery_tgp{
	 	text-align:center;
		margin: 8px 0 0 0;
	 	
	 }

	 #gallery_tgp ul{
		display:inline;
	 }	 

	 #gallery_tgp li{
	 	display:inline;
	 
	 }

	 #gallery_tgp li img{
	 	margin: 2px;
		border: 1px #FFFFFF solid;
	 
	 }
	 
	 .title_tgp{
	 	font-size: 28px;
		font-weight: bold;
		letter-spacing: 2px;
	 }

	.gal_hoy{
		background: url(images/img_structure/galerias_hoy.jpg) center no-repeat;
		width: 100%;
		height: 120px;
		margin:auto;
	}

	.gal_ayer{
		background: url(images/img_structure/galerias_ayer.jpg) center no-repeat;
		width: 100%;
		height: 120px;
		margin:auto;
	}
	.gal_a_ayer{
		background: url(images/img_structure/galerias_a_ayer.jpg) center no-repeat;
			width: 100%;
		height: 120px;
		margin:auto;
	}
	.gal_best{
		background: url(images/img_structure/galerias_best.jpg) center no-repeat;
			width: 100%;
		height: 120px;
		margin:auto;
	}
	
/*----------------------------------*\
	+ CAMS secction
\*----------------------------------*/	

	
	.gilr_box{
		width:		158px;
		background: url(images/img_structure/fondo_camIN.gif) no-repeat;
		height:		164px;

		margin: 1px;
		padding: 0px;
		
		float:left;
		list-style:none;
		padding-top: 5px;
		
		
	}

	#cams{
		text-align:center;
		margin:auto;
		margin-top: 50px ;
		/*width: 489px;*/
	
	}

	 #cams_list{
	 	text-align:center;
		margin: 8px 0 0 0;
		width: 99%;
	 	
	 }

	 .camlist{
		display:inline;
		margin: 0px;
		padding: 0px;
	 }	 
	 
	 .title_cam{
	 	margin-top: 5px;
	 	font-size:16px;
		font-weight: bold;
		
	 }
	 #cams_list li img{
	 	margin: 2px;
		border: none;
	 }

/*----------------------------------*\
	+ Glosary
\*----------------------------------*/	

	#gloss{
		margin:  10px;
	}

	#gloss .glosary{
		clear:both;
		margin-top:10px;
	
	}
	
	#gloss .glosary a{
		text-decoration:none;
		font-weight:normal;
		display:block;
	}

	#gloss .glosary ul{
		margin-top: 12px;
		display:inline;
	}

	#gloss .glosary li{
		text-decoration:none;
		font-weight:normal;
		margin-left: 20px;
		width: 150px;
		float:left;
	}
	
	.glosary_letter{
		font-size:36px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color: #cc5299;
		width: 100%;
		display:block;
		border-bottom: #cc5299 1px solid;
	}

/*----------------------------------------
 mapa web
 ----------------------------------*/
 
 	#web_map{
		width:					96%;
	}
	
	#web_map ul li{
		margin: 				0px 0 15px 10px;
		padding:			 	0px 0 5px 5px;
		font-weight:			bold;
		font-family:			Arial, Helvetica, sans-serif;
		color:					#cc5299;
		clear:					both;
		list-style: 			none;
	}
	#web_map ul ul{
		margin-left: 10px;
	}
	#web_map ul li{
		font-size: 				20px;
		padding:				8px;
		list-style: 			none;
		background: 			none;
		border:					none;
	}

	#web_map ul ul li{
		list-style: 			square;
		width: 					150px;
		font-size: 				12px;
		margin: 3px 0 0 5px;
		clear:					none;
		display:inline;
		float:left;
		padding:0 0 0 15px;
		border:					none;
		background: 			url(images/img_lists/list_style.gif) left no-repeat;
	}

	#web_map a{
		color:					#fff;
		display:				block;
		font-size: 				12px;
		margin-left:			0px;
		padding-left:			0px;
		font-weight:			normal;
		text-decoration:		none;
	}

	#web_map ul a:hover{
		background-color: 		#ffb2df;
		padding-left:			5px;
		font-weight:			bold;
		color: 					#000;
	}
	
	.map_title{
		margin: 				0px 0 5px 0px;
		padding:			 	0px 0 5px 35px;
		width: 					95%;
		display:				block;
		font-size:				32px;
		font-weight:			bold;
		font-family:			Arial, Helvetica, sans-serif;
		color:					#cc5299;
		border-bottom: 			#cc5299 1px solid;
		background: 			url(images/img_lists/list_star.gif) left top no-repeat;
		clear: both;
	}


	#content {
		padding: 			20px 0 20px 30px;
		float:					left;
		width:					675px;
		
		
	}
	#content_max{
		padding: 		30px 0 20px 30px;
		float:					left;
		width:					960px;
	}
	
	.contenido{
		width:					977px;
		margin:					auto;
		text-align:				left;
		background: 			url(images/structure/sub_footer.png) repeat-y;
	}
	
	
	
	
/*paginacion  #CC5299*/

div.pagination {
	margin-top: 20px;
	margin-bottom: 10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #846587;
	background-color: #CC5299;
	text-decoration: none; 
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #fff;
	font-weight: bold;
	background-color: #846587;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ccc;
	color: #ccc;
}