@charset "utf-8";

/* Container */
.verticalslider {border: 0px solid #666666; overflow: hidden; width: 900px; margin: 10px auto 0; }

/* Tabs */

.verticalslider_tabs {float: left;width: 310px;}
.verticalslider_tabs, .verticalslider_tabs li{margin: 7px 0 0 0; padding: 0px;}
.verticalslider_tabs li{list-style-type: none; margin-top:0px;}
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{display: block; width: 250px; height: 29px; padding: 14px 20px 6px 30px; background:  url(../images/tabBG.png) repeat-x ; font-family: arial, sans-serif; font-size: 19px; font-weight:bold;color: #222; letter-spacing:2px; word-spacing:3px;  border-right: 0px solid #666666; border-top: 0px solid #666666; text-decoration: none;}
.verticalslider_tabs a:hover, .verticalslider_tabs a:active{ }
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{border-top: none; height: 30px;}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{background: url(../images/tabAct.png); border-right: 0px solid #ffffff; margin:0px; z-index:999998;color:#ddd; text-shadow: -1px -1px 0 #222;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{background: url(../images/tabAct.png); border-right: 0px solid #ffffff; margin:0px; z-index:999998;}
.verticalslider .arrow {background: url(../images/arrow.png); width: 27px; height: 60px; position: absolute; z-index: 1000; margin-left: 250px; margin-top: -55px; }

/* Contents */
.verticalslider_contents li{margin: 0px; padding: 0px;width: 610px; overflow: hidden; padding: 0px; }
.verticalslider_contents li h2{font-family: arial, sans-serif; font-size: 15px; color: #333333;margin: 5px 20px; padding: 0px;}
.verticalslider_contents li p{ margin: 5px 20px; padding: 0px;color: #333333;font-family: arial, sans-serif; font-size: 13px; }
.verticalslider_contents{float: left;width: 500px;display: inline; margin: 0px; padding: 0px;}
.verticalslider_contents li{display: none;position: absolute;list-style-type: none;}
.verticalslider_contents .activeContent{display: inline;}
#parrafo {
	width:515px;
	margin: -65px 0 0 10px;
	padding: 10px 20px 10px 45px;
	height: 30px;
	font-size:1.1em;
	color:#fff;
	text-shadow: -1px -1px 0 #000; 
	border: 0px solid black;
	z-index: 999999;
	background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;

	}

/* Play Pause*/
.verticalslider .playPause a{display:block;width: 60px;height: 60px;position:absolute;z-index:50;}
.verticalslider .play a:link,.verticalslider .play a:visited{background: url(../images/plays.png) no-repeat 0 0;display: none;}
.verticalslider .pause a:link,.verticalslider .pause a:visited{background: url(../images/pauses.png) no-repeat 0 0;}	
.verticalslider .pause a:hover,.verticalslider .pause a:active,.verticalslider .play a:hover,.verticalslider  .play a:active{background-position:0px -60px;border-bottom: none;}


.verticalslider_tabs {float: right; -moz-border-radius: 20px;
border-radius: 20px;  }
.verticalslider .arrow {margin-left: -27px; background: url(../images/arrow-right.png); }
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{border-left: 0px solid #666666; border-right: none;-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 0px;  
z-index:999999999;
}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{border-left: 0px solid #ffffff;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{border-left: 0px solid #ffffff;}

/*
Options

There are only a handful of options available for VerticalTabs detailed below:

    * speed - the speed in ms it takes for one content item to fade out and the other fade in
    * slideShow - boolean parameter which determines whether or not the contents automatically rotate
    * slideShowSpeed - when in slideShowmode, this determines how long VerticalTabs pauses before switching contents
    * activeIndex - specifies which tab and its corresponding contents displayed on load
    * playPausePos - determines the position of the play/pause button when in slideShow mode (topRight, bottomRight, topLeft, bottomLeft).
    * pauseOnHover - true or false option which determines whether the slide show will temporarily pause when the user mouses over the tabs or contents

*/
#dedicated {
	margin:15px auto 20px;
	height:310px;
	-webkit-box-shadow:  1px 5px 30px #000000;
	-moz-box-shadow: 1px 5px 30px #000000;
	box-shadow: 1px 5px 30px #000000;
	-moz-border-radius: 20px;
	border-radius: 20px;  
}

#dedicated img{
	padding:10px 0 10px 10px;
}