/* TAGS */
* {margin:0;padding:0}
html {min-width:920px} 
body {background:#2f373a; text-align:justify;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.43em;color:#4e4e4e;min-width:920px;}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial,Helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
a {font-weight:bold; text-decoration:none; color:#666}
a:hover {font-weight:bold; text-decoration:none; color:#990000}
p {margin:0;padding:0;  margin-bottom:20px;line-height:1.43em}
img {border:0;}
/* GLOBAL */
#header, #content, #footer {font-size:0.875em;width:920px;margin:0 auto}
.col-1, .col-2, .col-3 {float:left}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right; color:#FFF; font-size:35px; font-weight:bold; line-height:35px}
.clear {clear:both}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}
/* TAILING */
.tail-top {background:url(images/tail-top.gif) left top repeat-x #fff}
.body-bg {background:url(images/cabecera2.png) no-repeat center top}
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x;}
/* LISTS */
/* OTHER */
.p0 {margin-bottom:0}
/* TXT, LINKS, LINES, TITLES */
h2 {
	line-height:normal}
h3 {font-size:40px;line-height:1.2em;font-weight:normal;color:#000;letter-spacing:-2px;margin-bottom:12px}
h4 {font-size:30px;color:#000;letter-spacing:-2px;margin-bottom:16px}
/* HEADER */
#header {height:205px;background:url(images/header-bg.jpg) no-repeat left bottom;position:relative;z-index:2;}
#header .extra {position:absolute;right:-24px;top:113px}
#header .row-1 {height:117px;width:100%;overflow:hidden}
#header .row-1 .fleft {padding:24px 0 0 26px}
#header .row-1 .fright {padding:27px 15px 0 0}
/* CONTENT */
#content {background:url(images/softvt_grande.png) no-repeat left;position:relative}
#content .tail-right {background:url(images/cont-tail-right.gif) repeat-y right top;}
#content .col-1 {width:630px}
#content .col-2 {width:290px;padding:44px 0 170px 0}
#content .col-2 p {line-height:normal; font-size:12px}
#content .col-2 ul {padding:0 10px 0 21px; text-align:justify; list-style:none;}
#content .col-2 ul li {line-height:1.43em;padding-bottom:18px}
#content .col-2 ul li strong {display:block;font-size:.86em;}
#content .col-2 ul li a {text-decoration:none}
#content .col-2 ul li a:hover {color:#990000; font-weight:bold}
.inner_copy, .inner_copy a {border:0;float:right;background:#f00;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#content .texto {padding:33px 33px 50px 37px; text-align:justify; min-height:525px;}
#content .texto ul { padding-left:30px; text-align:justify;}
/* FOOTER */
#footer {height:110px;color:#fff; font-size:12px;}
#footer .texto {padding:47px 34px 0 37px}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}

#menu_superior a
{
	color:#FFF;
	margin:20px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
#menu_superior a:hover
{
	color:#ffcc00;
	margin:20px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.eff {
	
	/* the image size is 126x126, it's adjusted to fit the border as well*/
	width:170px;
	height:136px;

	/* important, allow the children object to move inside its parent obj */
	position:relative;	

	/* important, it hides the moved image */
	overflow:hidden;
	
	/* with the clear class, make it into 3 x 3 layout */
	float:left;
	
	/* IE float bug fix */
	display:inline;
	
	/* styling */
	margin:8px;
	font-size:10px;
	
}

.eff img {
	display:block;
	width:160px;
	height:126px;
	
	/* styling */
	text-decoration:none;
	border:5px solid #ccc;
	background:#fff;

	/* important, it allows this obj to move by jquery */
	position:absolute;
	
	/* make sure it appears above the caption */
	z-index:500;
	
	cursor:pointer; cursor:hand;
}


.eff .caption {
	/* should be the same size with the image */
	width:160px;
	height:126px;
	
	/* styling */
	background:#333;
	border:5px solid #ccc;
	color:#eee;
	
	/* set the position to 0, 0 and appear under the image */
	position:absolute;
	top:0; left:0;
	z-index:0;
	font-size:11px;
}


/* extra styling*/

.eff .caption a.header {
	margin:10px 5px 5px 5px;
	display:block;
	font-size:14px;	
	font-weight:700;
	color:#e4b114;
	font-size:11px;
}

.eff .caption p {
	margin:5px;	
	text-align:center;
}

.enlaces_blanco a
{
	color:#FFF;
}
.enlaces_blanco a:hover
{
	color:#FFF;
}

.enlaces_negro a
{
	color:#333;
}
.enlaces_negro a:hover
{
	color:#333;
}


/*SUMATE*/
#flip-tabs{
	width:560px;
	margin:20px auto;
	height:430px;
	list-style:none;
}
#flip-navigation{
	margin:0 0 10px; padding:0;
	list-style:none;

}
#flip-navigation li{ 
	display:inline; 
}
#flip-navigation li a{
	text-decoration:none; padding:10px; 
	margin-right:0px;
	color:#999; outline:none;
	font-family:Arial; font-size:14px;
	font-weight:normal;
}
#flip-navigation li a:hover{
	color:#333;
	font-weight:bold;
}
#flip-navigation li.selected a{
	color:#333;
	font-weight:bold;
}
#flip-container{  
	width:560px;
	 font-size:13px;
}
#flip-container div{ 
position:relative;
}
#flip-container div ul{
	margin:0; padding:15px 5px;
	list-style:none;
}
#flip-container div ul li{
	padding:5px 0;
}

/*BOLETÍN*/
#navigation-block {
	position:relative;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 30px 0px;
	padding: 0;
	padding:0px;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 0px 10px;
	margin: 0;
	margin-bottom: 5px;
	font-size:12px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #666;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color:#FC0; }




/*MÓDULOS*/

.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#CCC solid 3px;
	width:560px;
	height:429px;	
}
.lof-slidecontent .preload{
	height:429px;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center;
		
}
.lof-slidecontent .preload div{
	height:429px;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
/* main flash */
.lof-main-wapper{
	overflow:hidden;
	padding:0px;
	height:429px;
	position:relative;
	overflow:hidden;
}

.lof-main-wapper .lof-main-item{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:399px;
	width:100%;
	position:absolute;

}

.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:10px;
	width:400px;
	 
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0;
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:0;
}
.lof-main-item-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}


/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	height:399px;
	padding:0;
	margin:0;
	overflow:hidden;
	border-left:#CCC 3px solid;
	
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:0px;
	z-index:100;
	height:399px;
	width:160px;
	overflow:hidden;
	color:#FFF;
}
.lof-navigator li.active{
	background:#CCC;
	height:133px;
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	padding:10px 0 0 !important;
	margin:0;
	color:#333;
	font-size:14px;
	line-height:normal;
	text-align:center;

}
.lof-navigator li div{
	color:#FFF;
	height:133px;
	position:relative;
}

/*MENU CABECERA*/

#slider1 {
    width: 920px; /* important to be same as image width */
    height: 153px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden;/* important */
}

#slider1Content {
    width: 920px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 200px !important;
	height: 135px;
	text-align:center;
}
.right {
	right: 0;
	bottom: 0;
	width: 200px !important;
	height: 35px;
	text-align:center;
}
.slider ul { list-style-type: none;}

/*PRESENTACION*/

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:3px solid #CCC;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:560px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:560px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu_presentacion{
	/* This is the container for the thumbnails */
	height:95px;
	border-top:3px solid #CCC;
}

#menu_presentacion ul{
	margin:0px;
	padding:0px;
}

#menu_presentacion li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

#menu_presentacion li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(./images/img/pic_bg.png) repeat;
}

#menu_presentacion li.act,li.act:hover{
	/* The active state of the thumb */
	background:#CCC;
}

#menu_presentacion li.act a{
	cursor:default;
}


#menu_presentacion li a{
	display:block;
}

#menu_presentacion a img{
	border:none;
	    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}