@charset "utf-8";

/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #0098FF;
	background: #FFFFFF url(../images/bg.jpg) repeat;
}

h1 {
	font-size: 12px;
}

h1 span {
	visibility: hidden;
}

h2 {
	color: #959595;
	font-size: 12px;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

/*--------------------genérico----------------------------------*/

.blank {
	clear:both;
}

.div_vacio_1 {
	line-height: 0;
	border-top: 1px dotted #CCCCCC;
}

.display_none {
	display: none;
}

.border_1px {
	border: 1px solid #D5D5D5;
}

.text_align_right {
	text-align: right;
}

.text_align_left {
	text-align: left;
}

.font_size_10 {
	font-size: 10px;
}

.font_size_11 {
	font-size: 11px;
}

.margin_bottom10 {
	margin-bottom: 10px;
}

.margin_bottom20 {
	margin-bottom: 20px;
}

.margin_top10 {
	margin-top: 10px;
}

.margin_top20 {
	margin-top: 20px;
}

.margin_left10 {
	margin-left: 10px;
}

.margin_left20 {
	margin-left: 20px;
}

.margin_right10 {
	margin-right: 10px;
}

.margin_right20 {
	margin-right: 20px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.title1 {
	font-size: 24px;
	color: #000000;
}

.title2 {
	font-size: 14px;
}

.bold {
	font-weight: bolder;
}

.normal {
	font-weight: normal;
}

.texto_color_1 {
	color: #CC0000;
}

.bg_color_1 {
	background-color: #2D2D2D;
}

.music_icon {
	margin-right: 8px;
}

.logo {
	margin-left: 15px; /*640px a la derecha*/
}

.d1015 {
	height: 1015px;
}

.d1050 {
	height: 1050px;
}

.white {
	color: #FFF;
	text-align: center;
}

/*----------------------containers-------------------------------*/
	
.div_container_1 {
	width: 980px;
	margin: auto;
	border: 6px solid #000;
	background-color: #FFF;
}

.div_container_2 {
	width: 940px;
	margin: auto;
}

/*-------------------------divs 1, 2, 3, 4, 5-----------------------*/

.div_1, .div_2, .div_3, .div_4, .div_5, .div_6, .div_7, .div_8, .div_9, .div_10 {
	width: 940px;
	margin: auto;
	overflow: hidden;
}

.div_1 {
	height: 98px;
	border: 1px solid #CCC;
	margin: 20px 0 10px 0;
}

.div_2 {
	height: 50px;
	background-color: #FFF;
}

.div_3 {
	height: 15px;
	background-color: #09F;
	margin-bottom: 10px;
}

.div_4 {
	border: 1px solid #CCC;
	text-align: center;
}

.div_5 {
	height: 50px;
	text-align: left;
}

.div_6 {
	height: 50px;
	background-color: #CCC;
}

.div_7 {
	height: 50px;
	background-color: #000;
}

.div_8 {
	height: 50px;
	background-color: #CCC;
}

.div_9 {
	height: 50px;
	background-color: #000;
}

.div_10 {
	height: 50px;
	background-color: #CCC;
}

/*---*/

.div_XX a, .div_XX a {
	text-decoration: none;
	color: #FFF;
	background-color: #000;
}

.div_XX a:hover, .div_XX a:hover {
	color: #333;
	text-decoration: none;
	background-color: #FFF;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
}

.grid_1 {
	margin: 0;
	height: 45px;
	overflow: hidden;
}
.grid_2 {
	width: 320px;
	height: 500px;
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}
.grid_3 {
	width: 490px;
	float: left;
	margin-left: 40px;
	margin-top: 40px;
	text-align: left;
	color: #333;
}
.grid_4 {
	width: 320px;
	height: 580px;
	float: left;
	margin-left: 40px;
	margin-top: 40px;
	background-color: #CCC;
	overflow: hidden;
	background-image: url(../images/pic_.jpg);
}
.grid_5 {
	width: 490px;
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}
.grid_6 {
}
.grid_7 {
}
.grid_8 {
}
.grid_9 {
}
.grid_10 {
}

/*-------------------------bg-----------------------------------*/

.bg_1 {
	background: url(../photos/bg/ant_2.jpg) no-repeat 820px 230px;
	# background: url(../photos/bg/ant_2.jpg) no-repeat 820px 260px;
}

.bg_2 {
	
}

.bg_3 {
	background: url(../photos/bg/ant_3.jpg) no-repeat 760px 260px;
	# background: url(../photos/bg/ant_3.jpg) no-repeat 760px 290px;
}

.bg_4 {
	background-image: url(../photos/bg/bg_4.jpg);
}

.bg_5 {
	background-image: url(../photos/bg/bg_5.jpg);
}

.bg_6 {
	background-image: url(../photos/bg/bg_6.jpg);
}

/*---------------------footer--------------------------------*/

.footer {
	width: 980px;
	margin: auto;
	margin-top: 5px;
	height: 15px;
	text-align: right;
	color: #999999;
}

.footer a {
	text-decoration: none;
	color: #FF3399;
}

.footer a:hover {
	color: #666666;
	background: #FFFFFF;
}

/*--------------------------------------(galería de fotos) lightbox*/

.div_gallery ul {
	list-style: none;
}

.div_gallery ul li {
	display: inline;
}

.div_gallery ul img {
	border: 1px solid #D9D9D9;
	margin-right: 1px;
	padding: 2px;
}

.div_gallery ul img:hover {
	border: 1px solid #999999;
}

/*--------------------menu botonera-------------------------------*/

.menu {
	color: #000;
	background-color: #FFF;
	margin-top: 14px;
	}

.menu ul {
	font: bold 16px Arial;
	margin-left: 0px; /*margin between first menu item and left browser edge*/
}

.menu li {
	display: inline;
	text-transform:uppercase;
	padding: 1px;
}

.menu a {
	margin: 0 1px 0 0; /*Margin between each menu item*/
	text-decoration: none;
	color: #000;
}

.menu a:hover {
	color: #0CF;
}

.currentbotonera { /*currently selected tab*/
	color: #FFF;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	background-color: #000;
}

.nopad_right {
	padding-right: 0;
}