@charset "UTF-8";

html{
	width:100%;
	height:100%;
}

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	background:#000 url(imagenes/bg.jpg) no-repeat 50% 0;
	width: 100%;
	height: 100%;
}

h1{
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	text-shadow:1px 1px #666;
}

h2{
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	margin:10px 0 10px 20px;
	text-shadow:1px 1px 0 #666;
}

h3{
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px 15px;
	text-shadow:1px 1px 0 #4C0A31;
	color:#EC2951;
}

p {
	font-size: 10px;
	line-height: 18px;
	color:#999;
	text-shadow:1px 1px 0 #333
}

/* ------------------------- Estilos Auxiliares  ------------------------- */

.left {float:left}
.right {float:right}
.textLeft {text-align:left}
.textRight {text-align:right}


/* ------------------------- Estilos Principales  ------------------------- */

#superContainer {width:100%;}

#macroContainer {width:960px; margin:0 auto;}

#header {width:100%; height:170px;}

#content{background:url(imagenes/black-bg.png) repeat;}

/* ----------------------------- Caja Izquierda ----------------------------- */

#contentTop {width:100%; height:530px;}

#bigPhoto{width:595px; height:510px; padding:8px;}

#bigFullPhoto{width:943px; height:469px; border: solid 2px #333; margin:8px;}

.bigImg {border:solid 2px #333; margin:4px; width:590px;}

.bigImgTxt{width:100%; height:84px; padding:8px;}

.seeMoreRed{background:url(imagenes/more-red.png) no-repeat; width:110px; height:20px; padding:5px 0px 5px 7px; margin:10px 0 0 8px;font-size:10px; color:#FFF; text-transform:uppercase; text-shadow:0 1px 0 #333}

/* ----------------------------- Caja Izquierda Quienes ----------------------------- */

.imgPersonaje {width: 329px; height:423px; padding-top:1px; border:solid 2px #333; margin:4px} 

.txtPersonaje {width: 238px; padding:8px;}

.txtBio {font-size:12px;}

/* ----------------------------- Caja Derecha ----------------------------- */

#rightColumn {width:326px; height:510px;}

.rightTitle{width:308px; height:16px; background:url(imagenes/black-bg.png) repeat; font-size:14px; color:#EC2951; text-shadow:1px 1px 0 #4C0A31; text-transform:uppercase; margin:10px 5px 0 0; padding:5px;}

.rightElement{width:298px; height:90px; padding:10px; border-bottom:dotted 1px #666;}

.active{background:url(imagenes/bg-active.png) repeat; border-bottom-color:#999}

.rightImgContainer{width:110px; height:70px; margin:10px 5px;}

.rightImgTextContainer{width:165px; height:90px; padding:10px 6px;}

.rightImgTitle{font-size:12px; color:#FFF}

.seeMoreGrey{background:url(imagenes/more-grey.png) no-repeat; width:110px; height:20px; padding:5px 0px 5px 7px; margin:10px 0 0 8px;font-size:10px; color:#000; text-transform:uppercase; text-shadow:0 1px 0 #CCC}

/* ----------------------------- Tres Columnas Inferiores ----------------------------- */

#threeColContent {width:100%; height:410px; margin-bottom:10px;}

#threeColContent .contentBox {width:317px; height:100%; border-right: dotted 1px #333;}

#threeColContent .contentBox li{list-style-image:url(imagenes/arrow.gif); line-height:24px; margin-left:40px; font-size:11px; color:#999; margin-bottom:10px; text-shadow:1px 1px 0 #333;}

#threeColContent .contentBox li.listBig{list-style-image:url(imagenes/arrow.gif); line-height:24px; margin:0 10px 20px 40px; font-size:10px; color:#999; text-shadow:1px 1px 0 #333}

li.listBigWide{list-style-image:url(imagenes/arrow.gif); line-height:24px; margin:0 10px 0px 40px; font-size:10px; color:#999; text-shadow:1px 1px 0 #333}

li.contactList{width:300px; text-align:right; line-height:24px; margin:0 10px 0px 40px; font-size:10px; color:#999; text-shadow:1px 1px 0 #333;}

input.formulario{width:200px;}

textarea.formulario{width:204px;}

.textBottom{font-size:11px; color:#999; padding:10px 10px 10px 20px; margin-bottom:10px; text-shadow:1px 1px 0 #333;}

.imgFirstRow{border:solid 1px #666; margin-left:15px;}

/* ----------------------------- Quienes Somos Inferior ----------------------------- */

.textQuienes {font-size:13px; color:#999; padding:10px 10px 10px 20px; margin-bottom:10px; text-shadow:1px 1px 0 #333;}


/* ----------------------------- Elementos del Footer ----------------------------- */

#footer {width:100%; height:120px; background:#1b1b1b}

#footerContainer {width:960px; height:60px; margin:0 auto; padding:10px;}

.miniContainer{width:45%;}

.iconoInferior{width:32px; height:32px; margin:0 5px 0 15px}

.direccion{text-align:right; color:#999; text-shadow:1px 1px 0 #000; font-size:11px; margin-right:3px;}

/* ----------------------------- ToolTip ------------------------------------- */

.tip {color: #fff;width: 160px;z-index: 13000;}
 
.tip-title {font-weight: bold;font-size: 11px;margin: 0;color: #FFF;padding: 8px 8px 4px;background: url(imagenes/bubble.png) top left;}
 
.tip-text {font-size: 11px;padding: 4px 8px 8px;background: url(imagenes/bubble.png) bottom right; color:#e089f2;}

.tip-bottom{background: url(imagenes/bubble.png) top left;}

/*------------------- powered ------------------------- */

.powered {font-size:10px; width:100%; height:10px; padding-top:30px; text-align:center; color:#ccc; clear:both}

.powered a{color:#EC2951!important; text-decoration:none}

.powered a:visited{color:#EC2951!important;}

.powered a:hover{text-decoration:underline!important}