/* --- RESET */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4 {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Arial, Verdana, Geneva, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins, a {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {
	font-size:13px;
	text-align:center;
	line-height:15px;
	margin:0 0 10px 0;
	color:#000;
}
/* -------------------------------------*/

body {
	background: url(images/backparty.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}


#wrap {
	background: #FFFFFF;
	width: 945px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.wrapper0 {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: 150px !important;
	height: 100%; /* the bottom margin is the negative value of the footer's height */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -10px;
	margin-left: auto;
}

.footer, .push, .footer  .innerWrapper{
	overflow:hidden;
	height: 90px; /* .push must be the same height as .footer */
}

.innerWrapper{
	width:996px;
	margin:auto;
}

.innerWrapperContent{
	padding:0px 20px 20px 20px;
}


#header {
	height: 120px;
}

#logo {
	float:left;
}

#direccion {
	float:right;
	width:400px;
	text-align:right;
	margin:5px 0 0 0;
}
.azul13C {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0066FF;
	text-align: center;
	font-size: 13px;
}

.azuLOSO13C {
	font-weight: bold;
	color: #006;
	text-align: center;
	font-size: 12px;
}


.negro18J {
	font-weight: normal;
	color: #000000;
	text-align: justify;
	line-height: 18px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
}

.blanco {
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 25px;
	font-size: 13px;
    padding-left: 10px;
}

.negro18C {
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
}

.negro12 {
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 18px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
}

.NEGROhome {
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 25px;
	font-size: 13px;
}

.NEGRO12L {
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 12px;
	padding-left: 20px;
	font-size: 11px;
}



/* MENU ---*/
#menu {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	background: url(images/menu_bg.png) top center no-repeat;
	height: 46px;
}

/* Primer nivel */
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width: 100%
}
#menu ul li {
	padding:0;
	float:left;
	position:relative;
	
	/*--------------- esto es el ancho del primer nivel, como son 4, pues le puse el 25% */
	width:20%;
	/*----------------------------------------*/
}
#menu ul li a {
	display:block;
	margin:0;
	font-size:1em;
	line-height:43px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	text-align:center
}
#menu ul li.activo a {
	color:#fff;
	background:#c41a1a;
}
#menu ul li a:hover {
	background:#a1c940;
	color:#fff;
}
#menu ul li:hover a,
#menu ul li.hover a {
	background:#F00;
	color:#fff;
}

/* Segundo nivel (Submenu) */
#menu ul ul {
	display:none;
	position:absolute;
	top:42px;
	left:0;
	float:left;
	right:auto;
	
	/*--------------- esto es el ancho del 2ª nivel*/
	width:179px;
	/*----------------------------------------*/
	
	box-shadow:0px 0px 10px rgba(0,0,0,.5);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#menu ul ul li {
	left:auto;
	margin:0;
	clear:left;
	float:center;
	width:100%;
	text-align: center;
}
#menu ul ul li a,
#menu ul li.activo li a,
#menu ul li:hover ul li a,
#menu ul li.hover ul li a {
	font-size:17px;
	font-weight:normal;
	background:#CCC;
	background: rgba(255,229,7,50);
	color:#000;
	line-height:25px;
	border-bottom: 2px solid #005ab1;
	float:center;
	padding:0;
	padding:0 0 0 10px;
}
#menu ul ul li.ultimo >a {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#menu ul ul li a:hover,
#menu ul li.active ul li a:hover,
#menu ul li:hover ul li a:hover,
#menu ul li.hover ul li a:hover {
	color:#fff;
	background:#71b1f9;
	float:left;
}

#menu ul li:hover > ul,
#menu ul li.hover > ul {
	display:block;
	z-index:1000;
}

/* tercer nivel */
#menu ul ul ul {
	display:none;
	position:absolute;
	top:0px;
	
	/*--------------- esto posiciona el bloque*/
	left:170px;
	/*----------------------------------------*/
	
	float:center;
	right:auto;
	
	/*--------------- esto es el ancho solo del 3er nivel*/
	width:150px;
	/*----------------------------------------*/
	
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#menu ul ul ul li {
	left:auto;
	margin:0;
	clear:left;
	float:center;
	width:100%;
}
#menu ul ul ul li a,
#menu ul li.activo li a,
#menu ul li:hover ul li a,
#menu ul li.hover ul li a {
	font-size:.8em;
	font-weight:normal;
	background: #CCC;
	background: rgba(255,229,7,50);
	color: #000;
	line-height:25px;
	border-bottom: 2px solid #005ab1;
	float:center;
	width:100%;
}
#menu ul ul ul li.ultimo a {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border:none;
}
#menu ul ul ul li a:hover,
#menu ul li.active ul li a:hover,
#menu ul li:hover ul li a:hover,
#menu ul li.hover ul li a:hover {
	color:#fff;
	background: #4F7C8E;
	float:left;
}

#menu ul ul li:hover ul,
#menu ul ul li.hover ul {
	display:block;
	z-index:1000;
}
/* -------------------------------------*/


/* SLIDER ---*/
.slider-wrapper {
	width: 945px;
	height: 400px;
	margin: -2px auto 0px auto;
}
/* -------------------------------------*/

/* CONTENIDO ---*/
#contenido {
	overflow:hidden;
	width:1000px;
	margin:20px auto;
}

.col_left {
	float: left;
	width: 200px;
	overflow: visible;
	padding: 20px 0 0 0;
	height: 400px;

}

.col_right {
	float: right;
	width: 700px;
	height: 400px;
	padding: 10px 0 0 0;
}

.tabla {
	padding: 10px 0 10px 0;
	text-align: center;
	width: 650px;

}

.intabla {
	margin-left: auto;
	margin-right: auto
	width: 200px;
	height: 190px;

}

#backmed {
	overflow: scroll;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed1 {
	overflow: scroll;
	background: url(images/backquienes.jpg) top center no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2 {
	overflow: scroll;
	background: url(images/backproductos.jpg) top center no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-1 {
	overflow: scroll;
	background: url(images/backpinatas.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-2 {
	overflow: scroll;
	background: url(images/backdisfraces.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-3 {
	overflow: scroll;
	background: url(images/backglobos.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}


#backmed2-4 {
	overflow: scroll;
	background: url(images/backenvolturas.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-1 {
	overflow: scroll;
	background: url(images/backartfiesta1.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-2 {
	overflow: scroll;
	background: url(images/backartfiesta2.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-3 {
	background: url(images/backartfiesta3.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-4 {
	overflow: scroll;
	background: url(images/backartfiesta4.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-5 {
	background: url(images/backartfiesta5.jpg) top left no-repeat;
	width: 945px;
	height: 420px;
	margin: 0px 0px 0p 0px;
}

#backmed2-5-6 {
	overflow: scroll;
	background: url(images/backartfiesta6.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-7 {
	background: url(images/backartfiesta7.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-8 {
	overflow: scroll;
	background: url(images/backartfiesta8.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-9 {
	overflow: scroll;
	background: url(images/backartfiesta9.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-10 {
	overflow: scroll;
	background: url(images/backartfiesta10.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed2-5-11 {
	overflow: scroll;
	background: url(images/backartfiesta11.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed3 {
	overflow: scroll;
	background: url(images/backdecoracion.jpg) top left no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed4 {
	overflow: scroll;
	background: url(images/backubicacion.jpg) top center no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#backmed5 {
	overflow: scroll;
	background: url(images/backcontacto.jpg) top center no-repeat;
	width: 945px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}


#contenido2 {
	overflow:hidden;
	width:1100px;
	margin:20px auto;
	background: #FFFFFF;
}

#contenido3 {
	overflow:hidden;
	width:1000px;
	margin:20px auto;
	background: #FFFFFF;
}


.center {
	text-align: center;
}
a:link {
	color: #FFF;
}
a:visited {
	color: #FFF;
}

a:hover {
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
	color:#109fdb;}

.align_left {
	text-align:left;
}

.aling_right {
	text-align:right;
}

#contenido ul {
	margin:0 0 10px 30px;
}

#contenido ul li {
	list-style:circle;
	font-size:13px;
	line-height:20px;
}
/* -------------------------------------*/

#galeria_wrapper {
	height:415px;
	top:0px;
	position:relative;
}

#galeria {
	height:370px;
	width:950px;
	left:0px;
}

.galleria-container {
	background:#FFF !important;
}

/*-------------------------------------------------------------------*/

#content { width:100%; height:100%; margin:0 auto; padding-bottom:42px;}

/*********************************header*************************************/
header {width:980px; margin:0 auto; position:relative; z-index:99; }
.logo {
	width:255px;
	height:200px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}
nav {float:right; margin:40px 33px 0 0;}
/**********************************************************/




/**************************aside************************/
aside {
	width: 100%;
	min-height: 150px;
	background: url(images/aside-bg.jpg) 0 top repeat-x #0d1b6f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
	position: relative;
	height: 50px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
aside p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#FFF;}
aside span, footer a {display:inline-block; vertical-align:middle;}
aside a {color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
aside a:hover {text-decoration:underline;}