/* basic elements */
* {margin:0;padding:0;}
a, a img {border:none; margin:0;padding:0;}
html, body { width: 100%;height:100%;}
body { font: 12px  Arial, Helvetica, sans-serif;line-height: 1.88889;color: #666; background:#454545 url(../images/fondo_repeat.jpg) repeat-x;}
p { margin-top: 0; text-align: justify;}




/* structure */

#contenedor_home { width:855px; margin:0 auto; background:url(../images/fondo1.jpg) no-repeat;}
#contenedor_contenidos { width:855px; margin:0 auto; background:url(../images/fondo2.jpg) no-repeat;}

#menu1 { padding:17px 0px 0px 0px;}
#menu1a { float:left; padding-left:17px;}
#menu1b { float:right;}


#menu2 { clear:both;}
#menu2 #logo { float:left;}
#menu2 #menuprincipal { float:right; padding-top:25px;}

#intro {clear:both; text-align:center; padding-top:17px;}
#banners{ position:relative; }

#contenidos {clear:both; padding:17px 0px 0px 16px;  position:relative;}
#contenidos #elmenu { float:left; width:194px; position:relative; position:relative;}
#contenidos #elmenu ul { padding-left:20px; list-style:none; margin-top:10px; position:relative;}
#contenidos #elmenu ul li { color:#FFF; height:30px; display:block; padding-left:15px; clear:both; position:relative; clear:both;}
#contenidos #elmenu ul li a { text-decoration:none; color:#FFF}
#contenidos #elmenu ul li a:hover { text-decoration:none; color:#9F0; position:relative;cursor: pointer;}
#contenidos #elmenu ul li:hover { height:30px; display:block;background:url("../images/menu_back.png"); position:relative;cursor: pointer;}
#contenidos #elmenu ul li:hover li {color:#9F0;}
#contenidos #elmenu .selected{ color:#FFF; height:30px; display:block; background:url("../images/menu_back.png");cursor: pointer;/*!important; 
background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/menu_back.png')*/; }

#contenidos #elmenu_sub { /*#margin-top:8px;max-height:220px;*/ width:146px; float:right; /*margin-bottom:10px;*/ overflow:auto; padding-left:15px;padding-bottom:12px; display:block;background:url("../images/fondo_blanco10porciento.png")/*!important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fondo_blanco10porciento.png')*/;} 
#contenidos #elmenu_sub div { list-style:none; margin-top:10px; font-size:11px; color:#C00; line-height:12px;}
#contenidos #elmenu_sub div a { text-decoration:none; color:#FFF}
#contenidos #elmenu_sub div a:hover { text-decoration:none; color:#9F0;}


/*el menu expandable*/
.openheader{ /*CSS class to apply to expandable header when it's expanded*/color:#FFF; height:30px; display:block; background:url("../images/menu_back.png");cursor: pointer;}


#contenidos #lostextos { float:right; width:600px;background:url("../images/fondo_50porciento.png")/*!important; 
background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fondo_50porciento.png')*/; color:#FFF ; padding:12px; line-height:16px; text-align:justify; margin-top:50px;margin-bottom:30px;}
#contenidos #lostextos h1 { font-size:24px; color:#a6ee16; font-style:normal; font-weight:lighter; margin-bottom:15px;}
#contenidos #lostextos h2 { font-size:20px; color:#a6ee16; font-style:normal; font-weight:lighter; margin-bottom:15px; margin-top:15px;}
#contenidos #lostextos h3 { font-size:14px; color:#a6ee16; font-style:normal; font-weight:lighter; margin-bottom:15px; margin-top:15px;}
#contenidos #lostextos .fecha { font-size:14px; color:#fff; font-style:normal; font-weight:lighter; margin-bottom:15px;}

#contenidos #lostextos img { float:left; padding-right:15px;}
#contenidos #lostextos p { margin-bottom:10px;}
#contenidos #lostextos p a { text-decoration:underline; color:#FFF}
#contenidos #lostextos p a:hover { text-decoration:underline; color:#2ec032;}
.literal{ color:#a6ee16}

#cabecera_game { height:54px; padding:6px;background:url("../images/fondo_50porciento.png")/*!important; 
background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fondo_50porciento.png')*/;}
#cabecera_game1 { float:left; margin-top:10px;}
#cabecera_game2 { float:right; margin-top:15px; text-align:right;}
#contenidos #lostextos  #cabecera_game2 img{ float:none; padding: 0px;}
#texto_game { clear:both; padding-left:82px; margin-top:15px; padding-right:15px;}
#cabecera_game .nombreprod{ font-size:20px}
#cabecera_game .claimprod{ font-size:14px}

#compra {padding-left:82px;margin-top:15px; position:relative; margin-bottom:20px;}

#contenidos #lostextos #compra img {float:none; padding: 0px;}
#galeria_game { margin-top:15px; padding-left:82px;clear:both; position:relative; }
#contenidos #lostextos #galeria_game img {float:none; padding:4px;}


#cabecera_contacto { clear:both;}
#cabecera_contacto1 { height:80px; width:46%; padding:8px; float:left; background:url("../images/fondo_50porciento.png")/*!important; 
background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fondo_50porciento.png')*/;}
#cabecera_contacto2 { height:80px;  width:46%; padding:8px;float:right; background:url("../images/fondo_50porciento.png")/*!important; 
background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fondo_50porciento.png')*/; margin-bottom:15px;}
#cabecera_contacto2 a { color:#FFF; text-decoration:none;}
#cabecera_contacto2 a:hover { color:#2ec032; text-decoration:none;}
.mails{ color:#a6ee16}
#map_google { margin-top:15px; clear: both; height:300px; margin-bottom:15px;}

#partners { background-color:#FFF; text-align:center; margin-top:15px;}
#contenidos #lostextos #partners img { float:none;}

#form_careers { margin-top:15px;}
#form_careers input{ width:98%; height:23px;border: 1px solid #231E1B;}
#form_careers p { margin-top:15px; margin-bottom:5px;}
#form_careers textarea{ width:98%;border: 1px solid #231E1B;}

#form_careers .button {width: auto;padding: 0 15px;height: 26px;color: #fff;background-color: #2ec032;text-transform: uppercase;font-size: 12px;}
#form_careers input.alt {background-color: #2ec032;border: 1px solid #2ec032;font-weight: bold;	}

#pieform { text-align:right; margin-top:10px; border-top:#999 1px solid; padding-top:10px;}
#pieform input{ width:90px;}

#form_soporte { margin-top:15px;}
#form_soporte input{ width:98%; height:23px;border: 1px solid #231E1B;}
#form_soporte select{ width:98%; height:23px;border: 1px solid #231E1B;}
#form_soporte p { margin-top:15px; margin-bottom:5px;}
#form_soporte textarea{ width:98%;border: 1px solid #231E1B;}

#form_soporte .button {width: auto;padding: 0 15px;height: 26px;color: #fff;background-color: #2ec032;text-transform: uppercase;font-size: 12px;}
#form_soporte input.alt {background-color: #2ec032;border: 1px solid #2ec032;font-weight: bold;	}


#form_soporte fieldset { border:none; clear:both;}
#form_soporte legend { font-size:18px; margin:0px; padding:10px 0px; color:#a6ee16; font-weight: lighter;}
#form_soporte label { display:block; margin:15px 0 5px;}
#form_soporte input[type=text], input[type=password] { padding:5px; border:solid 1px #000;}
#form_soporte .prev, .next { background-color:#28be2d; padding:5px 10px; color:#fff; text-decoration:none; clear:right; margin-top:20px;}
#form_soporte .prev:hover, .next:hover { background-color:#000; text-decoration:none;}
#form_soporte .prev { float:left;}
#form_soporte .next { float:right;}
#form_soporte #steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#form_soporte #steps li {font-size:24px; float:left; padding:10px; color:#666;}
#form_soporte #steps li span {font-size:11px; display:block;}
#form_soporte #steps li.current { color:#000;}

#form_dcha { float: right; width:48%}
#form_izq { float:left; width:48%}
#form_soporte p { clear:both;}

#footer { color:#28bd2d; line-height:16px; margin-top:20px; padding-left:15px; clear:both; display:block;}
#footer a { color:#28bd2d; text-decoration:none;}
#footer a:hover { color:#00ff00;}