﻿* { margin: 0; padding: 0; }
body {
	color: #7f7f7f;
	background-image: url(../images/446.jpg);
	background-repeat: repeat;
	font-family: Tahoma, Verdana, Sans-Serif, Arial;
	
	font-size: 0.75em;
}
h1 { font: normal 1.8em "Trebuchet MS", Helvetica, Arial; color: #dfdfdf; margin: 0 0 15px; }
h2 {
	color: #dfdfdf;
	margin: 0 0 15px;
	font-family: "Segoe UI", "Trebuchet MS", Helvetica, Arial;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h3 { font: normal 1.4em "Trebuchet MS", Helvetica, Arial; margin: 0 0 20px; }
h4 { font: normal 1.2em "Trebuchet MS", Helvetica, Arial; color: #dfdfdf; margin: 0 0 4px; }
h5 {
	color: #FFF;
	margin: 0 0 4px;
	background-color: #333;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}

p { margin: 0 0 15px; line-height: 1.6em; }
p strong{
	margin: 0 0 15px;
	line-height: 1.6em;
	color: #CCC;
}
a {
	outline: 0;
	color: #09F;
	text-decoration: none;
}
li { list-style: none; }
li a, img { display: block; }
img { outline: 0; border: 0; }
#wrapper {
	width: 984px;
	margin: auto;
	background-color: #0b0b0b;
	background-attachment: scroll;
	background-image: url(../images/wrapper_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;	
}
.clr { clear: both; }
.clr2 {
	clear: both;
	background-color: #0b0b0b;
	height: 30px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#header{
	height: 160px;
	width: 984px;
	background-attachment: scroll;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#logo {
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 55px;
	background-attachment: scroll;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 73px;
	width: 291px;
	margin-top: 40px;
}


#logo h1 a { color: #fff; }
#logo h1 a span { color: #808080; }
#menu { height: 44px; padding: 3px 0 0 3px; }
#menu li { float: left; font-size: 0.9em; text-transform: uppercase; }
#menu li a { color: #888; margin: 0 15px 0 0; }
#menu li a.current, #menu li a:hover { color: #fff; }			
#IMGprincipal {
	clear: both;
	background: url(../images/pitch.jpg) no-repeat;
	height: 228px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 60px;
	padding-right: 580px;
	padding-bottom: 0;
	padding-left: 30px;
}
#IMGprincipal h1 { font-size: 2.4em; color: #ffffff; margin: 0 0 20px; }
#IMGprincipal em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }

#IMGprincipal2 {
	clear: both;
	height: 122px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/pitch2.jpg);
	background-repeat: no-repeat;
}
#IMGprincipal2 h1 {
	font-size: 2.4em;
	color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#IMGprincipal2 em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }


#IMGeventos_PJNRF_f1 {
	clear: both;
	height: 228px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/pjnrf1.jpg);
	background-repeat: no-repeat;
}
#IMGeventos_PJNRF_f2 {
	clear: both;
	height: 360px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/pjnrf2.jpg);
	background-repeat: no-repeat;
}
#IMGeventos_PJNRF_f3 {
	clear: both;
	height: 228px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/pjnrf3.jpg);
	background-repeat: no-repeat;
}

#IMGeventos_chamical {
	clear: both;
	height: 228px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/eventos/chamical/chamicalf1.jpg);
	background-repeat: no-repeat;
}
#IMGeventos_la_punta {
	clear: both;
	height: 228px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/eventos/la_punta/la_puntaf1.jpg);
	background-repeat: no-repeat;
}

#IMGeventos_V_brigada01 {
	clear: both;
	height: 201px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/eventos/v_mercedes/001.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 944px;
}
#IMGeventos_V_brigada01b {
	clear: both;
	height: 201px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/eventos/v_mercedes/001b.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 944px;
}
#IMGeventos_V_brigada02 {
	clear: both;
	height: 201px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/eventos/v_mercedes/002.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 944px;
}
#IMGeventos_V_brigada03 {
	clear: both;
	height: 201px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	background-image: url(../images/eventos/v_mercedes/003.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 944px;
}



.content { background: url(../images/content.gif) repeat; padding: 20px; }
.link { background: #304D6F; color: #fff; padding: 5px 10px; font-size: .9em; }
#main { padding: 20px; }
.col { float: left; width: 292px; margin: 0 30px 15px 0; }
.col_3 {
	float: right;
	width: 292px;
	margin-top: 70px;
}
.col.last { float: right; margin-right: 0; }
.rchz img {
	float: left;
	width: 929px;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
}
.case img { float: left; clear: left; margin: 0 20px 20px 0; background: #121212; padding: 3px; }
.short { padding: 0 0 15px 0; background: url(../images/line.gif) repeat-x left bottom; }
.case a, .article a { color: #ddd; font-weight: bold; }
.date { font-size: .84em; margin: 0 0 3px; }
#footer { clear: both; background: url(../images/line.gif) repeat-x; padding: 20px 20px 10px; font-size: .9em; }
#footer a { color: #ccc; margin: 0 10px 0 0; border-bottom: 1px dotted #444; padding: 0 0 1px; }
#footer a:hover{ color: #fff; margin: 0 10px 0 0; border-bottom: 1px dotted #444; padding: 0 0 1px; }
#links { float: right; }
#links a { margin: 0 0 0 10px; }
#footer p { margin: 0 0 8px; }
#contenedor_hz {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*#contenedor_hz img{
	padding: 15px;
	clear: none;
	float: right;
}*/

#contenedor_hz p{
	text-align: justify;	
}

#espaciador {
	height: 20px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.colseg {
	float: left;
	width: 210px;
	margin-top: 0;
	margin-right: 33px;
	margin-bottom: 15px;
	margin-left: 0;
}
.colseg.last { float: right; margin-right: 0; }

#vonlatribu {
	clear: both;
	float: left;
	margin-left: 350px;
	margin-right: 350px;
	}
#vonlatribu img {
	clear: both;
    float: left;
	}

#fotos_eventos img {
	float: left;
	padding: 0px;
	margin: 5px;
	border:1px solid #999;
	}

/******************************************************/

.tTip {width: 204px; position: absolute; cursor: pointer; color: #666; font-weight: bold;}
	.tip {color: #333;}
	
		#cloud1 {top: 1850px; left: 190px;}
		#cloud2 {top: 168px; left: 440px;}
		#cloud3 {top: 228px; left: 100px;}
		#cloud4 {top: 350px; left: 370px;}
		#cloud5 {top: 370px; left: 60px;}
				
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 204px;
	padding-top: 15px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background-color: transparent;
	background-image: url(file:../images/tipTop.png);
	background-repeat: no-repeat;
	background-position: top;
}
	
.tipMid {
	background: transparent url(file:../images/tipMid.png) repeat-y;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
}
.tipBtm {background: transparent url(file:../images/tipBtm.png) no-repeat bottom; height: 32px;}
#botones_contacto {
	float: right;
	width: 450px;
	clear: none;
	top: 1px;
}

#botones_contacto_izq {
	float: left;
	width: 400px;
	clear: none;
	top: 1px;
}


#botones_contacto img{
	clear: both;
	float: left;
	border: 1px solid #FFF;}
/*}#fotos_eventos {
}*/

#afiche_evento {
	background-image: url(../images/eventos/aficheTRFyPC.jpg);
	background-repeat: no-repeat;

	height: 914px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #FFF;
}
.spacer_avisos {
	float: left;
	height: 108px;
	width: 8px;
	min-width: 8px;
}

#contenedor_avisos_media_pag {
	height: 120px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 944px;
}

.aviso_media_pag_izq {
	float: left;
	position: relative;
	margin-top: 0;
	margin-bottom: 10px;
border: 1px solid #333;
}
.aviso_media_pag_der {
	float: right;
	margin-right: 0;
	position: relative;
border: 1px solid #333;
margin-bottom: 10px;

}

.right{
	float: right;
	margin: 5px;
	padding: 5px;
}

.proximo {
	color: #F90;
}
#contenedor_foto {
	font-size: 10px;
	color: #FFF;
	float: right;
	text-align: left;
	width: 360px;
	margin: 5px;
	padding: 5px;
	font-style: italic;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}





/*ESTILOS TRADUCTOR*/
#google_translate_element{
	clear: none;
	float: right;
	margin-top: 0em;
	margin-right: 0em;
	
	height: 26px;
	width: 200px;
	text-align: right;
	right: 0px;
	clip: rect(auto,0px,auto,auto);
	position: relative;
	}
#wrapper #main #contenedor_hz h2 strong {
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #09C;
}

.margen_inferior_foto{
	margin-bottom: 12px;	
	}

