/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet/Hoja de Estilos: layout
 * Project/Projecto: Pt Hoops
 * Author: ignaciog@bestialmotions.com
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* POR DEFECTO
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
pre, code, table, td, th, dd, dt, dl, li, input, button, select, textarea {
    font-size: 1.1em;
}
ul, ol, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, td {
    margin: 0;padding: 0;
}
a img, :link img, :visited img {
    border: none
}
table {
    border-collapse: collapse;
}
input, button, select, textarea {
    font-family: inherit;
}
input, select {
    vertical-align: middle;
}
ul {
    list-style: none;
}
li {
	padding: 12px 0 5px 33px;
	background: url(../images/layout-bullet-basketball.jpg) 10px 12px no-repeat;
}
hr {
    display: none;
}
/* Clearing without markup http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
/* For alternate content for screen readers */
.hidden {
    position: absolute;
    left: 0px;
    top: -2000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* For accesible image replacing */
.replaced {
    display: block;
    width: auto;
    height: auto;
    /* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}
* html>body .replaced {
    letter-spacing: -999em;
}
/* Wrappers */
.wrapper {
    margin: 0 !important;
    padding: 0 !important;
    width: 1%;
    height: auto !important;
}
/* G E N E R A L
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
    font: 62.5%/1.16em "Arial", Verdana, sans-serif;
    background: #000000;
    color: #ffffff;
}
a, a:link {
    color: #ffffff;
}
a:visited {
    color: #ffffff;
}
a:hover, a:focus {
    color: #eb6901;
}
a:active {
    color: #eb6901;
}
/* L A Y O U T
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#contenedor {
    width: 966px;
    margin: 10px auto;
    background: #000000;
}
/* Cabecera */
#cabecera {
	font-size: 1em;
	line-height: 1.16em;
	background: url(../images/layout-cabecera-top.jpg) top left no-repeat;
	padding: 10px 0 9px 0;
}
#cabecera h1 {
	float:left;
}
#cabecera h1 a {
	background: url(../images/layout-cabecera2-h1-a.gif) top left no-repeat;
	width: 218px;
	height: 104px;
	margin: 5px 0 0 20px;
}
#cabecera .medio {
	background: url(../images/layout-cabecera-middle.jpg) top left repeat-y;
	height: auto;
	_height: 75px;
	min-height: 75px;
}
#cabecera .cierre {
	background: url(../images/layout-cabecera-bottom.jpg) bottom left no-repeat;
	padding: 0 0 47px 0;
}
/* Navegacion */
#navegacion {
	font-size: 1em;
	line-height: 1.16em;
	font-family: "Times New Roman";
}
#navegacion ul {
	margin: 42px 0 0 15px;
	float: left;
	background: url(../images/layout-navegacion-li.jpg) bottom left repeat-x;
	padding: 0 0 15px 0;
}
#navegacion li {
	display: inline;
	padding: 0px;
	background: none;
}
#navegacion a {
	font-size: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 4px 0 46px;
	color: #ffffff;
}
#navegacion a:hover {
	color: #eb6901; 
}
#navegacion a.first {
	padding: 0 0 0 4px;
}
/* Navegacion2 */
#navegacion2 #RadMenuMain .rmSlide {
background: #000;
padding: 0 0 23px 0;
}
#navegacion2
{
    font-size: 1em;
    line-height: 1.16em;
    font-family: "Times New Roman";
}
#navegacion2 ul
{
    background-position: left bottom;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 25px;
    float: left;
    background: url(../images/layout-navegacion-li.jpg) bottom left repeat-x;
}
#navegacion2 li
{
    display: inline;
    background: none;
}
#navegacion2 a
{
    padding: 15px 25px 15px 5px;
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
}
#navegacion2 a:hover
{
    color: #eb6901;
}
#navegacion2 a.first
{
    padding: 0 0 0 4px;
}
/* Contenido */
#contenido {
	/* Set font-size and another character properties on pages.css /
    Defina los estilos de contenido dentro de la hoja de estilos pages.css */
}
#principal {
	background: url(../images/layout-principal-top.jpg) top left no-repeat;
	padding: 15px 0 0 0;
	float:left;
	width: 966px;
}
#principal .medio {
	background: url(../images/layout-principal-middle.jpg) top left repeat-y;
	padding: 0;
	float:left;
	width: 966px;
}
#principal .cierre {
	background: url(../images/layout-principal-bottom.jpg) bottom left no-repeat;
	padding: 0 0 14px 0;
	float:left;
	width: 966px;
}
/* Pie */
#pie {
	font-size: 1em;
	line-height: 1.16em;
	width: 966px;
	padding: 0 0 50px 0;
	float: left;
}
#pie h4 {
	background: url(../images/layout-pie-h4.jpg) top left no-repeat;
	float:left;
	width: 966px;
	height: 31px;
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 1.6em;
	padding: 18px 0 0 0;
}
#pie p {
	color: #eb6901;
	text-align: center;
}
#pie p a.powered {
	background: url(../images/layout-pie-powered.jpg) top left no-repeat;
	width: 171px;
	height: 62px;
	margin: 10px 0 0 41.5%;
}
#pie .abre{
	background: url(../images/layout-principal-top.jpg) top left no-repeat;
	padding: 15px 0 0 0;
	float:left;
	width: 966px;
	margin: 20px 0 20px 0;
}
#pie .medio {
	background: url(../images/layout-principal-middle.jpg) top left repeat-y;
	padding: 10px;
	float:left;
	width: 966px;
}
#pie .cierre {
	background: url(../images/layout-principal-bottom.jpg) bottom left no-repeat;
	padding: 0 0 14px 0;
	float:left;
	width: 966px;
}
#pie #caja-izquierda {
	width: 270px;
	float:left;
	text-align: center;
	margin: 0 0 0 5px;
}
#pie #caja-centro {
	width: 270px;
	float:left;
	text-align: center;
	margin: 0 0 0 57px;
}
#pie #caja-derecha {
	width: 270px;
	float:left;
	text-align: center;
	margin: 0 0 0 57px;
}
#pie h5 {
	font-size: 1.4em;
	color: #eb6901;
	text-transform: uppercase;
}
#pie select {
	width: 160px;
	font-size: 1.3em;
	margin: 10px 0 10px 0;
}
#pie .contiene  {
	min-height: 140px;
}
#pie .contiene p span {
	color: #eb6901;
	text-transform: uppercase;
}
#pie .contiene p {
	font-size: 1.3em;
	color: #ffffff;
	text-transform: none;
	margin: 10px 0 10px 0;
	height: auto;
	min-height: 25px;
	line-height: 1.26em;
}
#pie .contiene ul li {
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: left;
	padding: 12px 0 5px 33px;
	background: url(../images/layout-bullet-basketball.jpg) 10px 12px no-repeat;
}
#pie #caja-izquierda .contiene {
	border: 1px #ffffff solid;
	padding: 20px 5px 20px 5px;
	margin: 5px 0 0 0;
	float:left;
	width:270px;
}
#pie #caja-centro .contiene {
	border: 1px #ffffff solid;
	padding: 20px 5px 20px 5px;
	margin: 5px 0 0 0;
	float:left;
	width:270px;
}
#pie #caja-derecha .contiene {
	border: 1px #ffffff solid;
	padding: 20px 5px 20px 5px;
	margin: 5px 0 0 0;
	float:left;
	width:270px;
}