@charset "utf-8";
/* CSS Document */
body	{background:URL(../img/bg_top.png) top center no-repeat #628fc1;
		font-family:Arial, Helvetica, sans-serif;}
img	{border:none;}
.contenedor { width:950px;
			
			border:1px solid #ddd;
			margin:0 auto;
			margin-top:15px;
			background:#fff;
			position:relative;
			padding:5px;
			padding-bottom:50px;}

.caja_centro	{width:100%;
				height:185px;
				position:relative;
				background:URL(../img/bg_caja_centro.png) repeat-x bottom #fff;}
				
.gris	{background:#ddd;
		margin:0 auto;
		width:100%}

.logo	{position:absolute;
		top:50px;
		left:50px;}

.contacto	{position:absolute;
			right:20px;
			bottom:20px;}

.caja_izq		{background:URL(../img/bg_caja1.jpg) #eee center;
				height:280px;
				width:30%;
				position:absolute;
				left:15px;
				bottom:300px;}
				
.caja_medio	{background:URL(../img/bg_caja2.jpg) #eee center;
				height:280px;
				width:30%;
				position:absolute;
				left:335px;
				bottom:300px;}
				
.caja_derecha	{background:URL(../img/bg_caja3.jpg) #eee center;
				height:280px;
				width:30%;
				position:absolute;
				right:15px;
				bottom:300px;}
.logo_partners { position:absolute; right:20px; bottom:50px;}
.menu	{width:100%;
		height:30px;
		background:URL(../img/bg_menu.jpg);}
		
.menu ul {list-style:none;
		margin:0;
		padding:0;}

.menu ul li { float:left;
			width:15%;
			margin:5px;
			padding-top:2px;
			font-size:12px;
			text-align:center;
			font-weight:bold;
			color:#fff;
			position:relative}

.menu ul li a {text-decoration:none;
			color:#CCC;}

.menu ul li a:hover	{ color:#FFF;}

.activo_menu{ background:#fff;
			color:#333;
			width:150px;
			padding:0px;
			padding-bottom:20px;
			padding-top:20px;
			position:absolute;
			bottom:-20px;
			left:0px;}
			
.activo_menu a{ font-size:16px;
				padding-bottom:15px;
				color:#999 !important}			

.pie	{width:950px;
		height:30px;
		position:absolute;
		bottom:5px;
		background:URL(../img/bg_menu.jpg) repeat-x;
		text-align:right;
		color:#ccc;
		padding-top:5px;}

.pie a{ color:#ccc;
		font-weight:bold;
		font-size:12px;
		text-decoration:none
		}
.pie a:hover{color:#FFF;}

/************* estilos de las secciones **********/

.cabecera_empresa	{
				width:100%;
				margin:0 auto;
				height:100px;
				position:relative;
				background:URL(../img/bg_caja_centro.png) repeat-x bottom #fff;
				}
.caja_contenido	{
				position:relative;
				font-size:12px;
				color:#666;
				font-weight:bold;
				background:URL(../img/bg_caja_centro.png) repeat-x bottom #fff;
				}
.contenido_interna	{ 
				float:left;
				text-align:justify;
				padding-left:25px;
				margin-left:275px;
				overflow:hidden;
				margin-top:20px;
				width:600px;
				border-left:1px solid #CCC;}
.menu_izquierda	{position:absolute;
				left:10px;
				top:15px;}
.ele_menu	{padding:15px;}

.ele_menu_activo 	{width:274px;
					height:35px;
					background:URL(../img/bg_flecha.png) no-repeat center;
					padding-top:15px;
					padding-left:25px;
					}
.ele_menu_activo a	{color:#343434 !important;
					font-size:16px;
					text-decoration:none;
					}
.ele_menu a{ text-decoration:none;
			color:#959595 !important;
			font-size:16px; }
/*********************************/
/* tables */
table.tablesorter {
	border:1px solid #ddd;
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
th.headerSortUp { 
    background-image: url(small_asc.gif); 
    background-color: #3399FF; 
} 
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/**** campos de formulario *****/			

.c1	{width:250px;
	border:1px solid #ddd;}
.c2	{width:250px;
	height:180px;
	border:1px solid #ddd;}	
.boton	{border:1px solid #ddd;
		font-size:12px;
		padding:5px;
		cursor:pointer;
		background:URL(../img/bg_caja_centro.png) repeat-x center #fff;}	
.tabla_contacto a{color:#333;
				text-decoration:none;}		
/***/
/*************/
a img {
border : 0;
}
#slide-nav a:link, a:visited {
color : #fff;
text-decoration : none;
}
div.wrap {
width : 925px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 925px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 200px;
background : #eee;
border:1px solid #ddd;
}
div#header div#slide-holder {
z-index : 40;
width : 925px;
height : 200px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 905px;
height : 180px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;

bottom : 10px;
width : 905px;
height : 46px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 22px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}

/*****/

/**** gestion de usuarios ****/
#regbox	{ width:400px;
		margin:0 auto;
		margin-top:100px;
		background:#fff;
		border:2px solid #eee;
		padding:15px;}
#errors	{ width:400px;
		margin:0 auto;
		margin-bottom:15px;
		font-size:12px;
		font-weight:bold;
		}
.caja_login	{ background:#eee; border:1px solid #ddd; padding:15px; width:150px; margin:0 auto;}
.links_login a	{color:#666;
				text-decoration:none}
.links_login a:hover	{ color:#333;
						text-decoration:underline;}				
/************/

#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    z-index: 999;
	top:100;
    border: none;
}