
html {}
body{
    background: transparent url(bg/public/body_bg.jpg) repeat-x top left;
 
}

#container {
  padding: 0 30px;
  background: transparent url(bg/public/container_bg.png) repeat-y center center;
}
#footer_container {
  padding: 0 10px;
  font-size: 8pt;
  color: #d3d3d3;
  margin-top: 10px;
  background-color: #231f20;  
}

#container_bottom {
  padding: 0 30px;
  height: 30px;
  background: url(bg/public/container_border.png) no-repeat scroll 0 0 transparent;
  background-position: 50% 100%;
}
#container_top {
    padding: 0 30px;
    height: 20px;
    background: url(bg/public/container_border.png) no-repeat scroll 0 0 transparent;
    background-position: 50% 0;
    position: relative;
}

.clearfix:after, .container_24:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}

body, h1, h2, h3, h4, h5, p, a, tr, td {
    font-family: "helvetica neue", tahoma,verdana,arial,sans-serif;
}
/***********************/
/* bloques principales */

#upper_header {
  background-color: #231f20;
  -moz-border-radius: 0 0 10px 10px; /* Firefox */
  -webkit-border-radius: 0 0 10px 10px; /* Safari, Chrome */
  border-radius: 0 0 10px 10px; /* CSS3 */   
  color: white; 
  height: 30px;
}

#header {
	background: transparent url(bg/public/header_bg.jpg) no-repeat top right;
}


#content {
}


#footer_container {

}
  #footer_container a {
    color: #c3c3c3;
  }




p {
    line-height: 18px;
    margin: 0 0 10px;
    padding: 0;
}
a {
	color: rgb(0, 146, 63);
}
a:hover {
	font-style: italic;
}

h1 {
    color: #333;
    font-size: 2.6em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px 10px 10px 0;
    padding: 0 0 10px;
}
h2 {
	font-family: "AvantGarde Bk BT";
    color: #333;
    font-size: 1.8em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
}
h3 {
    color: #333;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
    text-transform: capitalize;
}
h4 {
	font-family: "AvantGarde Bk BT";
    color: #333;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
    text-transform: capitalize;
}





/*** header ***/

#header h1 {
  margin-top: 40px;
  font-family: sans-serif, "lucida grande",tahoma,verdana,arial,sans-serif;
  color: #656263;
}
  #header h1 a {
    text-decoration: none;
    color: inherit;
  }




/*** content ***/

#content h1 {
  text-align: left; 
  font-weight: normal;
  font-family: "AvantGarde Bk BT";
}

#content p, #content li, #content dl {
  font-family:  "Helvetica Neue", helvetica, Arial,sans-serif;
  color: #222222;
  line-height: 18px;
  font-size: 12px;
}




/*** menu ****/
#nav_menu  p {
    color: #333;
    font-size: 11px;
    margin: -20px 0 20px;
}
#nav_menu ul.menu {
	text-align: center;
    margin: 20px 0 ;
    padding-bottom: 24px;
    overflow: hidden;
  	font-size: 11px;    
  	background: url("bg/public/shadow_light_vertical_menu.png") no-repeat scroll bottom center #999;
}
	#nav_menu ul.menu li {
	    background: transparent url("bg/public/nav_menu_li_bg.jpg") no-repeat center bottom;
	    height: 35px;
	    color: #FFFFFF;
	    float: left;
	    margin: 1px 0 0 0;
	    font-size: 1.1em;
	    list-style: none outside none;
	    width: 100%;    
	    background: url("bg/public/menu_v_bar_bg.png") repeat-x scroll 0 0 #656263;
	    
	}
		#nav_menu ul.menu li a {
			height: 35px;
			line-height: 30px;
		    display: block;
		    overflow: hidden;
		    text-decoration: none;
		    text-transform: uppercase;
		    color: #333;
		    text-shadow: 1px 1px 1px #eee;		    
		}
		#nav_menu  ul.menu li a:hover {
		    text-shadow: 1px 1px 1px #444;	
		    color: white;
		    background: url("bg/public/menu_bar_bg.png") repeat-x scroll 0 0 #656263;
		}



/** arbitros / estructura **/

#content p.titulo_noticia {
	display: block;
	font-size: 1.4em;
	margin: 10px 0 20px;
	text-decoration: none;
	color: #333;
}
  #content p.titulo_noticia span {
    font-weight: normal;
    font-size: 0.8em;
  }

/** publicaciones **/

.titulo_noticia {
	display: block;
	font-size: 1.4em;
	margin: 0px 0 20px;
	text-decoration: none;
	color: #333;
}
img.adjunto {
	float: left;
	margin: 5px 20px 10px 0;
}
a.titulo_noticia:hover {
	text-decoration: underline;
}
ul.adjunto_bar {
	padding: 10px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	overflow: hidden;
}
	ul.adjunto_bar li {
		float: left;
		list-style: none;
	}


/** legal **/

.legal {
	font-size: 10px;
}


/** solicitar arbitraje **/

#contacto_solicitud {
	padding: 0;
	margin: 0;
}
#contacto_solicitud li{
	float: left;
	border-left: 2px solid #ccc;
	list-style: none;
	padding-left: 10px;
	margin: 0px 20px 0 0;

}



/***********************/
/* Plantilla base boxes */

div.box > div.boxContent {
	border: 1px solid #ccc;
	-moz-border-radius: 0 0 10px 10px; /* Firefox */
	-webkit-border-radius: 0 0 10px  10px; /* Safari, Chrome */
	border-radius:  0 0 10px 10px; /* CSS3 */   
	padding-top: 10px;	
	padding: 10px 10px;
}

div.box h2 {
	color: #000;
    font-size: 9pt;
 	background: url("bg/public/menu_v_bar_bg.png") repeat-x scroll 0 0 #656263;
	-moz-border-radius: 10px 10px 0 0 ; /* Firefox */
	-webkit-border-radius: 10px  10px 0 0 ; /* Safari, Chrome */
	border-radius: 10px  10px 0 0 ; /* CSS3 */
	padding: 10px 10px 10px 15px;   
    text-transform: uppercase;
    color: #333;
    text-shadow: 1px 1px 1px #eee;	
    border-bottom: 1px solid #999;	
}

/* box publicaciones */
#box_publicaciones {
	/*float: right;*/
}
#box_publicaciones h2 {
}
#box_publicaciones ul {
	padding: 0;
	
}

/* box contacto */
#box_contacto dl {
	color: #222;
}
#box_contacto dt {
	font-weight: 600;
	margin-top: 5px;
}
#box_contacto dd {
	padding-left: 10px;
}


#ContactoSolicitarForm input, #ContactoSolicitarForm textarea, #ContactoSolicitarForm select {
    padding: 0;
    width: 85%;
    float: left;
	clear: both;
}

#ContactoSolicitarForm select {
	width: auto;
}
#ContactoSolicitarForm div.input label {
	padding-right: 10px;
	float: left;
	clear: both;
}



/*** breadcumb ***/

span.breadcumb {

	color: #999;
	line-height: 30px;
	position: relative;
}
	span.breadcumb img{
		float: left;
		margin-left: 15px;
	}
	span.breadcumb a{
		color: #999;
		text-decoration: none;
	}

/***********************/
/* idiomas */

#languageChooser {
	float: right;
	margin: 0px 10px 0 0;
	height: 20px;
	
}

	#languageChooser li{
		list-style: none;
		float: left;
		margin: 0 5px;
	}
		#languageChooser li a, #languageChooser li p {
			margin: 0 0 0 3px;
			line-height: 30px;
		}
		#languageChooser li a {
			text-decoration: none;
			color: #777;
			color: #999;
		}
		#languageChooser li a:hover {
			text-decoration: underline;
		}



/*************************/
/*Reusables*/

span.email {
    direction: rtl;
    unicode-bidi: bidi-override;
}

p.quote {
	color: #777!important;
	font-style: italic;
}

hr.space {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    visibility: hidden;
}
hr {
    background: none repeat scroll 0 0 #DDDDDD;
    border: medium none;
    clear: both;
    color: #DDDDDD;
    float: none;
    height: 1px;
    margin: 0 0 1.45em;
    width: 100%;
}
