@charset "utf-8";
/* CSS Document */

/*Estilos slider*/

div#slider_wrapper {
	overflow:hidden;
}

div#cont_slider {
	width:774px;
	background: transparent url(/lang/img/xolidosign/fondo_slider.jpg) 0 0 no-repeat;
}

div#cont_slider_tit {
	width:170px;
	height:180px;
	float:right;
	font-size:1.3em;
	color:white;
	position:relative;
}

div.typo {
	width:160px;
	position:absolute;
	top:10px;
	right:10px;
	opacity:0;
	filter: alpha(opacity=0)
	}

.svwp {
	width: 50px; 
	height: 20px; 
	background: #fff;
	} /*preloader stuff. do not modify!*/ 

.svwp ul {
	position: relative; 
	left: -999em;
	}/*preloader stuff. do not modify!*/ 
	
.slideViewer { /*this is the gallery container*/ 
	position: relative; 
	overflow: hidden;  
	margin: 0; 
	background: transparent; 
	padding:2px 0 0 3px;
} 

.slideViewer ul {  /*this is your list of images*/ 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
	margin: 0;  
	padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info*/ 

div.thumbs_wrapper {
	width:774px;
	background:transparent url(/lang/img/xolidosign/fondo_y_miniaturas.jpg) 0 0 repeat-y;
	border-top:2px solid #d6d6d6;
	padding:0;
	
}

.slideViewer span.typo{  
	padding: 6px; /* do not modify padding (yet)*/ 
	background: #fff; 
	color: #000; 
	font: normal 10px Verdana; 
} 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
	overflow: hidden; 
	width: 1%; 
	background:transparent url(/lang/img/xolidosign/fondo_miniaturas.jpg) 0 100% no-repeat;
	padding:5px 0 10px;
	height:172px;
} 

.thumbSlider ul { /*the thumbnails list of images*/ 
	list-style-type: none; 
	margin: 0;  
	padding: 0; 
} 

.thumbSlider ul li{  
	float:left; 
	margin: 2px 0 2px; 
	text-align:center;
	border: none;
	padding:5px 0;
} 

li#thumbs_tit_txt {
	font-family:Arial,Tahoma, Geneva, sans-serif;
	color:#030303;
	padding:10px 0 0;
	font-size:1.3em;
	text-align:right;
	opacity:1!important;
	width:107px;
}/*este estilo es para el li que contiene el titulo de las miniaturas*/

.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
	color: #fff; 
	text-decoration: none; 
	display:block;
	width:100%;
	text-align:center;
} 

.thumbSlider a img{ 
	border: 0; 
	display: block; 
	padding: 0; 
	margin:0 auto;
} 
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ 
/* width, height and top values are dynamically added by the script. Do not modify. */ 
	position:relative;  
	font-size: 0.01em; 
	margin: 0; 
	padding: 0; 
} 
 
a.left, a.right { /*the left and right buttons (links)*/ 
	background: transparent; /* could be any color  */ 
	color: #ff0000; 
	font: bold 16px Arial; 
	overflow: hidden; 
} 
a.left span, a.right span{ 
 
} 
a.left img, a.right img{ 
border: 0; 
} 
a.l_dis, a.r_dis { 
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
cursor: default; 
} 
a.l_dis span, a.r_dis span { 
display: none; 
} 
a:focus {outline:none;} 

/* Estilos para el video */

#video_xolidsign {
	height:166px;
	position:absolute;
	right:66px;
	top:435px;
	width:265px;
}