@charset "utf-8";
/* CSS Document */
#banner {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}
body#fondobody {
	background-color: #F1f1f1;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:0px;
	margin-left:0px;
	
}
#bolas_der{
	margin-top:126px;
	position:absolute;
	height:178px;
	width:248px;
	left: 751px;
	top:1px;

}
#bolas_izq{
	float:left;
	width:199px;
	height:150px;
	margin-left:2px;
	margin-top:210px;
}

#box_banner {
	float:left;
	margin-left:10px;
}

#listado_item {
	width:630px;
	margin-left:7px;
	margin-right:7px;
}
.box_item {
	width:300px;
	float:left;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
/*.box_item b1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
	padding-left:5px;
	
}*/
.box_item_desc{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000;
	padding-left:5px;
	border:1px solid #3399FF;
}

#box_videos {
	margin-top:10px;
	float:left;
	margin-left:10px;
}

#cabecera {
	height:360px;
	vertical-align:bottom;
}
#choise {
	position:absolute;
	width:285px;
	height:123px;
	left: 823px;
	top: 414px;
}
/* --------------titulos y titulos link----------------*/
.celeste_tit, .blanco_tit, .negro_tit {
	font-family:"Georgia", Verdana, Times, serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.celeste_tit {color:#09C; background-image:url(../img/arrow_bordo.png); background-position:left; background-repeat:no-repeat; padding-left:14px; margin-left:3px;}

.celeste_tit:link {color:#09C;}

.blanco_tit {color:#FFF; background-image:url(../img/arrow_blanco.png); background-position:left; background-repeat:no-repeat; padding-left:14px; margin-left:3px;}

.blanco_tit:link {color:#FFF}
.negro_tit {color:#1A2660}


/*------------------------------------------------------*/
/*	Caja con bordes redondeados celeste "f" ------*/

.b1f, .b2f, .b3f, .b4f {font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#d2e4f8; margin:0 5px;}
.b2f {height:1px; background:#d2e4f8; margin:0 3px;}
.b3f {height:1px; background:#d2e4f8; margin:0 2px;}
.b4f {height:2px; background:#d2e4f8; margin:0 1px;}
.contentf {background: #d2e4f8; height:100%px; padding-bottom:5px; padding:5px; }
.contentf div, .contentr div {margin:5 5px;}
.contentf a, .contentf a:link, .contentf a:hover {text-decoration:none; font-weight:bold; color:#09c;}

/*	Caja con bordes redondeados rosa "r".------*/

.b1r, .b2r, .b3r, .b4r {font-size:1px; overflow:hidden; display:block;}
.b1r {height:1px; background:#f69; margin:0 5px;}
.b2r {height:1px; background:#f69; margin:0 3px;}
.b3r {height:1px; background:#f69; margin:0 2px;}
.b4r {height:2px; background:#f69; margin:0 1px;}
.contentr {background: #f69; height:100%; padding-bottom:5px; padding:5px; }
.contentr li { margin-left:20px;}
.contentr a, .contentr a:link, .contentr a:hover { text-decoration:none; font-weight:bold;}

/*------------------------------Este es su HTML -------------------------------------------
 <b class="b1f"></b>
<b class="b2f"></b>
<b class="b3f"></b>
<b class="b4f"></b>
    <div class="contentf">
        <div>Round FILL!!</div>
    </div>

-------------------------------------------------------------------------------------------

/* -- Caja con bordes redondeados c/filete de 1px o 3. ---*/

.b1cf, .b2cf, .b3cf, .b4cf{font-size:1px; overflow:hidden; display:block;}
.b1cf {height:1px; background:#44aad3; margin:0 6px;}
.b2cf {height:1px; background:#fff; border-right:3px solid #44aad3; border-left:3px solid #44aad3; margin:0 3px;}
.b3cf {height:1px; background:#fff; border-right:1px solid #44aad3; border-left:1px solid #44aad3; margin:0 2px;}
.b4cf {height:2px; background:#fff; border-right:1px solid #44aad3; border-left:1px solid #44aad3; margin:0 1px;}
.contentcf {background: #fff; border-right:1px solid #44aad3; border-left:1px solid #44aad3;}
.contentcf div {margin-left: 3px;}
.contentcf a, .contentcf a:link, .contentcf a:hover {text-decoration:none; color:#099;}

.content_bandera {background: #fff; border-right:1px solid #44aad3; border-left:1px solid #44aad3;}
.content_bandera div { padding-left:5px; height:45px; padding-bottom:5px; }

.bandera {width:40px; float:left; margin-right:5px;}
/*------------------------------Este es su HTML -------------------------------------------
<b class="b1cf"></b><b class="b2cf"></b><b class="b3cf"></b><b class="b4cf"></b>
    <div class="contentcf">
        <div>Round Border!!</div>
    </div>
<b class="b4cf"></b><b class="b3cf"></b><b class="b2cf"></b><b class="b1cf"></b>
-------------------------------------------------------------------------------------------
--- Caja con bordes redondeados c/filete  y cabecera de titulo --
*/
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#3399FF; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#3399FF; border-right:2px solid #3399FF; border-left:2px solid #3399FF; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#3399FF; border-right:1px solid #3399FF; border-left:1px solid #3399FF; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#3399FF; border-right:1px solid #3399FF; border-left:1px solid #3399FF; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #FFF;}
.headh {background: #3399FF; border-right:1px solid #3399FF; border-left:1px solid #3399FF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
	padding-left:5px;
}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: #FFF; border-right:1px solid #3399FF; border-left:1px solid #3399FF;}
.contenth div {margin-left: 2px; padding-top: 5px;}
/*
------------------------------Este es su HTML -------------------------------------------
<b class="b1h"></b><b class="b2h"></b><b class="b3h"></b><b class="b4h"></b>
<div class="headh">
<h3>Here is your Header!</h3>
</div>
<div class="contenth">
    <div>Look ma, no images!</div>
</div>
<b class="b4bh"></b><b class="b3bh"></b><b class="b2bh"></b><b class="b1h"></b>
-------------------------------------------------------------------------------------------

*/

#contenido_central {
	margin-left:0;
	margin-top:0;
	height:auto;
}
#contenido_centralcolumn {
	margin-left:0;
	margin-top:0;
	height:auto;
}

.contenido_centralcolumn h1 {
	background-image:url(../img/id_news.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-family:Verdana, Geneva, sans-serif;
	color:#1A2660;
	font-size:16px;
	font-weight:bold;
	padding-left:23px;
	margin-left:10px;
	height:18px;
}
.fondo_barra_celeste {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#footer {
/* background-color: blue;
clear: both;*/
width: 792px;
height: auto;
margin-top:10px;
}
.gold {
width:100px;
height:100px;
margin:15px;
}

#items_home {
	padding-left:15px;
}
.item {
	float:left;
	width:86px;
	height:87px;
	border:solid 2px #6CF;
	margin:6px;
	margin-top:12px;
	margin-bottom:22px;
}
.item_tit {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:18px;
	font-weight:Bolder;
	height:45px;
	line-height:43px;
	margin-left:12px;
	background-image:url(../img/item_tit.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
}

/*--------------------columnas-------------------*/

#leftcolumn {
		float:left;
		margin-top:0px;
		height:auto;
		width:199px
}
#centralcolumn {
	float:left;
	margin-top:10px;
	height:700px;
	width:474px;
	margin-left:6px;
}
#centralcolumn_wide {
	float:left;
	margin-top:10px;
	height:700px;
	width:789px;
	margin-left:6px;
}
#rightcolumn {
	float:left;
	width:315px;
	margin-left:2px;
}
#rightcolumn2 {
	float:left;
	width:200px;
	margin-left:100px;
	margin-top:30px;
}

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

#menu {
	float:right;
	margin-bottom:0px;
	right:0px;
	height:57px;
	margin-top:305px;
	width:793px;
}

#menu_flash {
	position:absolute;
	left: 308px;
	top: 12px;
	visibility:visible;
	
}
/*---------------Menu tiencda---------------*/

.menu_tienda {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:12px;
	font-weight:bold;
	background-repeat:repeat-x;
	height:39px;
	line-height:38px;
	margin-left:12px;
}
.menu_tienda a {
float:left;
padding-left:10px;
padding-right:10px;	
color:#FFF;
background:url(../img/fon_menu_it_a.png);
background-repeat:repeat-x;
text-decoration:none;
height:39px;
}
.menu_tienda a:hover {
	
color:#000;
background:url(../img/fon_menu_it_b.png);
background-repeat:repeat-x;
}

/*-----------------------------------------------*/
.news {
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
	font-size:11px;
	color:#000;
	padding-right:20px;
	padding-left:15px;
	padding-bottom:10px;
	line-height:14px;
	margin-bottom:8px;
	
}
.news a, .news a:link, .news a:hover {
	color:#09C;
	text-decoration:none;
}

#pie_cen {
	height:50px;
	width:auto;
	width:780px;
}



/* -------------------------------------------------------*/
.recuadro_celeste, .recuadro_filete {
	margin-left:15px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color: #252528;
}
.recuadro_rosa {
	margin-left:15px;
	width:440px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:10px;
	
	color:#ffffff;
}
.selector {
	border-bottom:1px dotted #aaa;
	border-top:1px dotted #aaa;
	margin-left:15px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:15px;
	height:25px;
	padding-top:3px;
	
	}
.selector a { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#667; text-decoration:none; }
.selector a:hover { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#36F; text-decoration:none;
	
}

#subbola {
	padding-left:244px;
	margin-bottom:5px;
	padding-bottom:5px;
	
}
#total {
	position: relative;
	text-align: left;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	height: 100%;
	
}
/* ----------------- Opacidad -------------------*/

.trans {
	background-color: #000000;
	opacity: 0.3;
	filter:alpha(opacity=30);
	width: auto;
	padding:10px;
}
.trans_b {
	background-color: #000000;
	opacity: 0.15;
	filter:alpha(opacity=15);
	width:7px;
	font-size:8px;
}
	
.opaque3 {	/*/ for IE8*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
img.guide_image {
  border:5px solid #DDDDDD;
  display:block;
  margin:10px auto;
  width:360px;
}
.getting_started {
  font-size:14px; line-height:19px; margin-left:auto; margin-right:auto; text-align:left; width:650px;
}