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

body { background:url(../images/back.jpg) repeat-x; font-size:11px; color:#666666; margin:0; font-family:Calibri;}
.bodyInt{  font-size:12px; color:#666666; margin:0; font-family:Calibri; background:url(../images/back_body_int.jpg) repeat-x; overflow-x:hidden; }

a { margin:0; padding:0; color:#333; text-decoration:none;   padding: 5px 0;}
a:hover { color:#000; text-decoration:none;}
ul { margin:0; padding:0; list-style: none;}
li { margin:0; padding:0}
a img{ border:0; }

#corner {width:260px; height:170px; /*background:url(../images/begreat-games-home.png); */position:absolute; right:0;display:block; top:0;}
#corner a { display:block; width:326px; height:270px;}

#content { width: 960px; height:auto; margin: 0 auto;}
#header { width:960px; height:121px; padding: 0;}

#header .logo { width:240px; height:98px; background:url(../images/logo.jpg) no-repeat; float:left;}
#header .logo a { width:240px; height:98px; display:block;}

#header .menu { width:540px; height:43px; background:url(../images/back_menu.jpg) no-repeat; float:right; margin-top:27px; padding:0 0px; }
#banner { width:960px; height:304px; /*background:url(../images/banner.jpg) no-repeat;*/}
#banner img { border:0 }
#banner .slideshow2 { }


#subMenu { width:960px; height:87px; background:url(../images/back_submenu.jpg) no-repeat}
#subMenu img { border:0;}
#subMenu .blockL { width:480px; height:87px; float:left;}
#subMenu .icoMenu { width:95px; height:69px; float:left; padding-top:18px;}
#subMenu .icoCont   { width:95px; height:45px; float:left;}

#subMenu ul {
list-style: none;
margin: 0;
padding: 0;
} 

#subMenu li a {
text-decoration: none;
width:95px;
height: 45px;
padding: 40px 0 0 0;
text-align:center;
color:#777;
font-size:18px;
float:left;
margin-right:0;
} 


#subMenu li a:link, #menu li a:visited {
color: #777;
}


#subMenu .liPub a {
background:url(../images/icos-submenu.png) no-repeat;
background-position: 0 18px;
} 

#subMenu .liPub a:hover {
color: #ccc;
background-position: 0 -51px;
}

#subMenu .liPub  a:active {
color: #ccc;
background-position: 0 -120px;
} 


#subMenu .liPrensa a {
background:url(../images/icos-submenu.png) no-repeat;
background-position: -95px 18px;
} 

#subMenu .liPrensa a:hover {
color: #ccc;
background-position: -95px -51px;
}

#subMenu .liPrensa  a:active {
color: #ccc;
background-position: -95px -120px;
} 

#subMenu .liBlog a {
background:url(../images/icos-submenu.png) no-repeat;
background-position: -285px 18px;
} 

#subMenu .liBlog a:hover {
color: #ccc;
background-position: -285px -51px;
}

#subMenu .liBlog  a:active {
color: #ccc;
background-position: -285px -120px;
} 

#subMenu .liContacto a {
background:url(../images/icos-submenu.png) no-repeat;
background-position: -380px 18px;
} 

#subMenu .liContacto a:hover {
color: #ccc;
background-position: -380px -51px;
}

#subMenu .liContacto  a:active {
color: #ccc;
background-position: -380px -120px;
} 
 
#subMenu .liMapa a {
background:url(../images/icos-submenu.png) no-repeat;
background-position: -190px 18px;
} 

#subMenu .liMapa a:hover {
color: #ccc;
background-position: -190px -51px;
}

#subMenu .liMapa  a:active {
color: #ccc;
background-position: -190px -120px;
} 

#subMenu .icoPrensa   { width:95px; height:69px; float:left; padding-top:18px; background:url(../images/ico-prensa.png) no-repeat; background-position: 0 18px; }
#subMenu .icoPrensa a { width:95px; height:69px; float:left; padding-top:18px; background:url(../images/ico-prensa.png) no-repeat; background-position: 0 -0px; }
#subMenu .icoPrensa a:hover { width:95px; height:69px; float:left; padding-top:18px; background:url(../images/ico-prensa.png) no-repeat; background-position: 0 -69px; }
#subMenu .icoPrensa a:visited { width:95px; height:69px; float:left; padding-top:18px; background:url(../images/ico-prensa.png) no-repeat; background-position: 0 -138px; }

#subMenu .ico36 { width:36px; height:28px; margin: 0 auto;}
#subMenu .text36 { height:28px; margin: 0 auto; font-size:16px; color:#FFF; text-decoration:none; text-align:center}
#subMenu .text36 a { height:28px; margin: 0 auto; font-size:16px; color:#ccc; text-decoration:none;}

#subMenu .lineCut { width:1px; height:73px; background:url(../images/submenu-line.png) no-repeat; float:left;}

#blockR { width:459px; height:67px; float:left; padding:10px}
#blockR .blockNov { width:160px; height:55px; float:left; padding: 10px 0 0 5px; margin-right:10px;}
#blockR h1 { font-size:14px; color: #FFFFFF; text-transform:uppercase;  padding:0; margin:0; }
#blockR li { font-size:13px; color:#FFFFFF; margin: 3px 0; padding:0}
#blockR ul { margin:0; padding:0}
#blockR ul li a {font-size: 12px; height: auto; padding: 0px; text-decoration: underline; width: auto; float: none;}
#blockR ul li a:link {color: #578D0B;}
#blockR ul li a:visited {color: #3F6608 !important}
#blockR .aCR { font-size:11px; color:#C0C0C0; float:left; padding: 0 0 0 10px; background: url(../images/arrow.png) no-repeat; line-height:8px; margin-left:20px;}
#blockR #blockNovText { width:280px; height:65px; float:left; position:relative;}
#blockR p { font-size:12px; margin:0 0 0 0; color:#CCCCCC}
#blockR .divSlide { width:50px; height:22px; position:absolute; top:0; right:0 }
#blockR .icoSlide { width:23px; height:22px; float:left; }

#blockR .icoSocial { width:48px; height:48px; float:left; margin-right:5px; }



#page { width:960px; height:160px; background:#cdcdcd;}
#page h2 { font-size:22px; color:#666; text-transform:uppercase; margin: 5px 0; }
#page p { font-size:12px; margin:3px; color:#333}
#page a { font-size:11px; color:#333; float:left; padding: 0 0 0 10px; background: url(../images/arrow_.png) no-repeat; line-height:6px; margin:15px 0 0 0; text-decoration:none;}
#page a:hover { font-size:11px; color:#fff; float:left; padding: 0 0 0 10px; background: url(../images/arrow.png) no-repeat; line-height:6px; margin:15px 0 0 0; text-decoration:none;}
#page .blockPage { width:420px; height:120px; float:left; padding:20px;}

#bottom { width:960px; height:10px; background: url(../images/bottom_main.jpg) no-repeat;}

#footer { width:950px; height:98px; background:url(../images/back_subfooter.png) no-repeat; margin:15px 0; padding:5px; float:left;}
#footer .boxFooter { width:305px; height:auto; float:left; margin-left:10px;}
#footer p { font-size:12px; margin:3px; color:#333}

#pie { width:960px; height:60px; color:#999999; margin-top:10px; text-align:right}
#pie p { float:right; margin-right:10px; }
#pie img { float:right; margin-top:5px; margin: 5px 2px 0 2px}

#piel { width:960px; height:60px; color:#999999; margin-top:10px; text-align:left}
#piel p { float:left; margin-left:10px; }
#piel img { float:left; margin-top:5px; margin: 5px 2px 0 2px}

/* Internas */

#postPage { width:960px; height:auto; background:url(../images/back_int.png) no-repeat; padding-top:25px; overflow:hidden; margin-bottom:20px; }
#postPage .colOne { width:215px; height:auto; float:left; margin: 0 10px; padding-bottom:20px;}
#postPage .colOne a { font-size:12px; color:#666666; text-decoration:none;}
#postPage .colOne a:hover { font-size:12px; color:#333; text-decoration:underline;}
#postPage .cutA { width:95%; height:0px; clear:both; overflow:hidden}
#postPage .colTwo { width:505px; height:auto; float:left; margin: 0px;}
#postPage .colTwo img { float:left; margin: 0 10px 10px 0;  }
#postPage .colTwo a { font-size:12px; color: #990000; text-decoration:none;}
#postPage .colTwo a:hover { font-size:12px; color: #993300; text-decoration:underline;}

#postPage .colTwo .aMenu { font-size:16px; color: #990000; text-decoration:none;}
#postPage .colTwo .aMenu:hover { font-size:16px; color: #993300; text-decoration:underline;}

#postPage .colTwo .cita { font-size:36px; font-weight:bold; float:left; margin: 0 10px}
#postPage .colThree { width:176px; height:194px; float:left; margin: 0px 15px; background:url(../images/int_menu_right.png) no-repeat; padding-top:5px;}
#postPage .col100 { width:700px; height:auto; float:left; padding: 0 20px;}
#postPage .col100 img { float:left; margin: 0 10px 10px 0;  }
#postPage .col100 .imgLine { float:left; margin: 0 10px 10px 0; border-right:1px solid #999999; padding: 0 10px 35px 0;  }
#postPage .col100 .imgLinePrensa { float:left; margin: 0 10px 10px 0;   }
#postPage .col100 .imgLineLarge { float:left; margin: 0 10px 10px 0; border-right:1px solid #999999; padding: 0 10px 55px 0;  }
#menuInter{ width:504px; height:auto; font-size:12px; color:#000; float:left; }
#menuInter a{ display:block; width:90px; height:auto; float:left; margin-right:10px; text-align:center; color:#900; }
#menuInter a:hover{ background-color:#900; text-decoration:none; color:#FFF; }

#postPage .control { width:9px; height:9px; float:left; margin: 3px 5px;}
#postPage h1 { font-size:22px; color:#666; text-transform:uppercase; margin: 3px 0; }
#postPage h2 { font-size:18px; color:#666; text-transform:uppercase; margin: 3px 0; }
#postPage h3 { font-size:16px; color: #993300; text-transform:uppercase; margin: 10px 0 10px 0 ;    }
#postPage h4 { font-size:14px; color: #666666; text-transform:uppercase; margin: 0px 0 10px 0 ;    }
#postPage a:active, a:focus {outline:0}

#postPage .pAdmin { font-size:11px; color: #999999; margin: 0; }
#postPage p { font-size:14px; color:#333333; margin:5px 0 10px 0; text-align:justify;}
#postPage .btnMenu { width:174px; height:35px; background:url(../images/int_btn_menu.jpg) no-repeat; padding-top:3px}
#postPage p a.btnSiguiente{ color:#F00; text-decoration:none; background:url(../images/ico_next.gif) no-repeat right; padding-right: 15px; }
#postPage p a.btnSiguiente:hover{ text-decoration:underline; }
#postPage p a.btnAnterior{ color:#F00; text-decoration:none; background:url(../images/ico_left.gif) no-repeat left; padding-left: 15px; float:left; }
#postPage p a.btnAnterior:hover{ text-decoration:underline; }
#postPage #gallery{ width:100%; height:auto; float:left; }

#postPage .ico36 { width:36px; height:28px; float:left; margin-right:20px; margin-left:5px;}
#postPage .text36 { height:28px; margin: 0 auto; font-size:16px; color:#FFF; text-decoration:none; float:left; padding-top:3px;}
#postPage .text36 a { height:28px; margin: 0 auto; font-size:16px; color:#FFF; text-decoration:none; float:left; }

#otherPost { width:940px; height:127px; background:url(../images/int_back_others.jpg) no-repeat; padding:10px; float:left;}
#otherPost h2 { font-size:19px; color:#fff; text-transform:uppercase; margin: 5px 0; }
#otherPost li { font-size:12px; margin:3px; color:#fff; background:url(../images/ico-li-mas.png) no-repeat; padding: 0 0 5px 13px; list-style:none; line-height:10px; text-decoration:none; }
#otherPost p { font-size:12px; margin:3px; color:#ccc}
#otherPost .pColor { font-size:12px; margin:3px; color:#ff6600}
#otherPost .blockPage { width:420px; height:100px; float:left; padding:10px;}
#otherPost a { color:#FFFFFF; text-decoration:none;}



input,textarea{ font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#900; }
input.text{ width:270px; }
input.boton{color:#000; }




.BoxInt { width:700px; height:auto; float:left; padding: 10px 0; border-bottom:1px #ccc solid;}
.boxDescL {padding: 5px 5px; font:normal 13px/16px "Trebuchet MS", verdana, arial; float:left; width: 95%;}
.MAP { float:left; height:360px; width:425px; }


	#slider{width:960px; height:304px;}	
	#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:960px;
		height:304px;
		overflow:hidden; 
		}	
		
		#prevBtn, #nextBtn{ 
		display: none;
/*		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;*/
		}	
	#nextBtn{ 
		/*left:696px;*/
		}														
	#prevBtn a, #nextBtn a{  
/*		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	*/
		}	
	#nextBtn a{ 
		/*background:url(images/btn_next.gif) no-repeat 0 0;	*/
		}	
		
		
		.blockDivA { width:90%; height:auto;display: none; clear:both; overflow:hidden}
		.blockDivB { width:90%; height:auto;display: none; clear:both; overflow:hidden}
		.blockDivC { width:90%; height:auto;display: none; clear:both; overflow:hidden}
		.blockDivD { width:90%; height:auto;display: none; clear:both; overflow:hidden}
		.blockDivE { width:90%; height:auto;display: none; clear:both; overflow:hidden}
		.blockDivF { width:90%; height:auto;display: none; clear:both; overflow:hidden}
		
		
#postpage .colTwo blockquote { background: url("../images/cierra.jpg") no-repeat right bottom; width: 500px; padding-left: 18px; padding-right: 18px; text-indent: -18px; }
#postpage .colTwo blockquote:first-letter { background: url("../images/abre.jpg") no-repeat left top; padding-left: 18px;  }
#lateral blockquote { background: url("../images/cierra.jpg") no-repeat right bottom; width:auto ;  text-indent: -8px; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#993300; }
#lateral blockquote:first-letter { background: url("../images/abre.jpg") no-repeat left top;padding-left:20px;  }
#lateral {font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#993300; width:90%; text-indent: -8px; text-align:left; float:right}
#lateral img { margin: 0 5px 0 10px;}
#lateral em { padding: 0 5px 0 10px;}
/*-------FORMULARIOS-------*/

.formulario{
margin:0;
padding:0;
width:70%;
}

.formulario input {
background: url(../images/input.gif) #FFFFFF repeat-x;
border:1px solid #ccc;
width:100%;
padding:2px;
padding-top:0;
}
.formulario input:focus {
background: url(../images/input-focus.gif) #fff6ca repeat-x;
color:#CC3300;
border:1px solid #af5757;
}

.formulario select {
background: url(../images/input.gif) #FFFFFF repeat-x;
border:1px solid #333;
padding:2px;
padding-right:0;
padding-top:0;
margin-right:100%;
}
.formulario select:focus {
background: url(../images/input-focus.gif) #fff6ca repeat-x;
color:#CC3300;
border:1px solid #af5757;
}

.formulario textarea {
background: url(../images/input.gif) #FFFFFF repeat-x;
border:1px solid #ccc;
width:100%;
padding:2px;
padding-top:0;
overflow: none;
height:100px;
}
.formulario textarea:focus {
background: url(../images/input-focus.gif) #f4eeee repeat-x;
color:#CC3300;
border:1px solid #af5757;
}



.formulario label {
color:#333;
text-transform:uppercase;
width:100%;
margin-bottom:2px;
margin-top:5px;
font-size:15px;
float:left;
}

.formulario .submit{
padding:0;
margin:0;
border:0;
width:198px;
height:22px;
float:right;
background:url(../images/submit.gif);
cursor:pointer;
}

.formulario .submit:focus{
padding:0;
margin:0;
border:0;
width:198px;
height:22px;
float:right;
background:url(../images/submit.gif);
cursor:pointer;
}
.formulario .inputBtn {
background: #333333;
border:1px solid #ccc;
width:100%;
padding:2px;
padding-top:0;
color:#FFFFFF
}

.formulario img { border:0;}
.formulario .btnupload { background:url(../images/btn-adjuntar.jpg) no-repeat; width:264px; height:50px; cursor:pointer; margin-top:10px;}
.formulario .hover { background:url(../images/btn-adjuntar_.jpg) no-repeat; width:264px; height:50px; cursor:pointer; margin-top:10px;}

.boxTitle { font-size:15px; font-weight:bold; } 
.boxBtn a { color:#990000; text-decoration:none;}


#loader {display:none; position:absolute; width:100%; margin-left:23%; top:15%; overflow:hidden;}
#ajaxC { width:95%; height:auto; padding:5px;}
#ajaxC .nextA a { color:#F00; text-decoration:none; background:url(../images/ico_next.gif) no-repeat right; padding-right: 15px; }
#ajaxC .nextA a:hover{ text-decoration:underline; }

#ajaxC .nextB a { color:#F00; text-decoration:none; background:url(../images/ico_next.gif) no-repeat right; padding-right: 15px; }
#ajaxC .nextB a:hover{ text-decoration:underline; }



/* new button */
.button {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.button b {
    cursor: pointer;
    display: block;
    font-weight: bold;
}

.button.big_green {
    background: url("../images/button-green-big.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    padding: 0 0 0 12px;
}


.button.big_green b {
    background: url("../images/button-green-big.png") no-repeat scroll 100% -45px transparent;
    font-size: 17px;
    height: 45px;
    line-height: 44px;
    padding: 0 20px 0 8px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}