/*Estilos para Microsite Google - arsys.es */
* {
	margin:0;
	padding:0;
}
fieldset,img {
   border:0;
}
ol,ul {
   list-style:none;
}
body {
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #212121;
	
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 923px;
	background-color: #fff;
}

.clear{
 clear:both;
}
strong{
font-weight:bold;
}
.arsyses{
color: #993300;
}
/*Enlaces----------------------------------------------------------------------------*/

/*Cabecera---------------------------------------------------------------------------*/
#header {
background: url(/includes/novedades/img/bg_promo.jpg) no-repeat top left;
}
#logo{
margin: 2.1em 1.5em 1.5em 2.5em;
}
#promo{
display:block;
font-size: 220%;
color: #fff;
margin-left:0.3em;
margin-top: 2.3em;
height:5.1em;
min-height:5em;
}
#promo strong{
font-weight:normal;
font-size: 215%;
}
/*Zona de textos---------------------------------------------------------------------*/
#right_column {
	float: right;
	width:425px;
}
#left_column {
	float: left;
	width:425px;
}
#right_column h2, #left_column h2{
font-size: 130%;
padding:0.4em 1em;
color:#fff;
text-transform:uppercase;
background: url(/includes/novedades/img/bg_h2.gif) no-repeat top left;
}
#right_column h2{
margin-bottom:1.5em;
}
#left_column p{
margin:1.1em 0.1em 0 1em;
 font-size: 120%;
}
#video{
margin: 2.5em 0 6.5em 0;
text-align:center;
}
#pdf{
background: url(/includes/novedades/img/bg_pdf.jpg) no-repeat top left;
padding: 1.8em 0 2em 8.5em;
}
#pdf h3{
font-size: 130%;
font-weight:bold;
text-transform:uppercase;
}
#pdf ul{
margin-top:0.8em;
}
#pdf ul li{
	background: url(/includes/novedades/img/bg_pdf_li.gif) no-repeat left 0.4em;
	padding-left: 1em;
	margin-bottom: 0.5em;
	font-size:120%;
}
.list_number{
float:left;
color:#82B2D9;
font-size: 350%;
font-weight:bold;
width:25px;
padding-left:0.2em;
clear:both;
}
.list_text{
float:left;
width:380px;
font-size: 120%;
border-left: 1px solid #CBDFEF;
margin-bottom:2.9em;
}
.list_text p{
padding-left:0.8em;
line-height: 1.3em;
}
.list_text ul{
margin:0.5em 0 0 1.2em;
}
.list_text ul li{
	background: url(/includes/novedades/img/bg_rcolumn_li.gif) no-repeat left 0.4em;
	padding-left: 1em;
	margin-bottom: 0.5em;
}
.list_text h3{
padding-left:0.8em;
font-size:100%;
margin-bottom: 0.2em;
}

#links{
	border:1px solid #fff;
background: url(/includes/novedades/img/bg_links.gif) no-repeat top left;
padding-left:2.1em;
clear:both;
}
#links h2{
margin-top:1.4em;
font-size: 175%;
font-weight:bold;
text-transform:uppercase;
}
#links p{
font-size: 120%;
margin: 1em 0 1.5em 0;
}
#links ul {
	margin-left: 2em;
}
#links ul li{
	display:block;
	float:left;
	width:425px;
	background: url(/includes/novedades/img/bg_pdf_li.gif) no-repeat left 0.4em;
	padding-left: 1em;
	margin-bottom: 1.5em;
	font-size:120%;
}
/*Footer----------------------------------------------------------------------------------*/
#footer{
	margin: 1.5em 0 0.5em 0;
	padding: 0 0 0.8em 0;
	font-size: 1.1em;
	}
#footer a{
text-decoration:underline;
}
#footer ul {
	background: url(/includes/novedades/img/separator.gif) no-repeat 5.6em center;
	list-style-type: none;
 	text-align: left;
	margin: 0 0 0 2em;
	}

#footer li {
	margin: 0 1.5em 0.8em 0.5em;
	display: inline;
	}

#footer #copyright {
	background: url(/includes/novedades/img/separator.gif) no-repeat 18.1em center;
	display:block;
	margin-right: 1em;
	float: right;
}

/*ANIMACION*/
		#steps{
			background: url(/includes/novedades/img/bg_steps.gif) no-repeat  0 32px;
			margin-top:28px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			width: 912px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 285px;
			clear: both;
			margin:0 5px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			font-size: 120%;
			width: 912px; /* Also specified in  .stripViewer  above */
		}
		.panel .img_tab {
			float: right;
			
			margin-right:0.5em;
			margin-left: 0.5em;
		}
		#panel3 .img_tab,#panel4 .img_tab {
			margin:0em 1em 0 1em;
		}
		.panel h3 {
			font-size:212%;
			margin: 0.4em 0 0.5em 0.2em;
			letter-spacing:-0.05em;
			color:#5C5C5C;
		}
		.panel p {
			margin: 1em 0 1em 1.5em;
			line-height:1.5em;
		}
		.panel ul{
			margin:0.5em 0 0 1.6em;
		}
		.panel ul li{
			background: url(/includes/novedades/img/bg_rcolumn_li.gif) no-repeat left 0.4em;
			padding-left: 1em;
			margin-bottom: 0.8em;
			line-height:1.2em;
		}
		.nav-prev-next{
			display:block;
			margin-left: 135px;
		}
		.cross-link{
			background: url(/includes/novedades/img/bg_next_previous.gif) no-repeat left 6px;
			color:#000;
			font-size:90%;
			text-decoration:none;
			float:left;
			display:block;
			padding:9px 0 5px 8px;
			width:80px;
			font-weight:bold;
			outline:none;
		}
		.cross-link:hover{
			color:#000;
			text-decoration:underline;
		}
		.img-separator{
			display:block;
			float:left;
			margin-right: 11px;
		}
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			
		}
		
		.stripNav a { /* The nav links */
			font-size: 180%;
			font-weight: bold;
			text-decoration: none;
			display: block;
			color:#C4C4C4;
			width: 230px;
			height: 62px;
			outline:none;
		}
		.stripNav a:hover{
			color: #000;
			text-decoration:none;
		}
		.stripNav a span{ /* The nav links */
			display:block;
			margin-left:3.8em;
			 padding-top:1.3em;
		}
		.stripNav li.tab1 a{
			width: 233px;
		}
		

		.stripNav li.tab1{
			background: url(/includes/novedades/img/bg_tab1.gif) no-repeat top left;
		}
		.stripNav li.tab1 a.current {
			background: url(/includes/novedades/img/bg_tab1_current.gif) no-repeat top left;
			color: #fff;
		}

		.stripNav li.tab2{
				background: url(/includes/novedades/img/bg_tab2.gif) no-repeat top left;
		}
		.stripNav li.tab2 a.current {
			background: url(/includes/novedades/img/bg_tab2_current.gif) no-repeat top left;
			color: #fff;
		}

		.stripNav li.tab3{
			background: url(/includes/novedades/img/bg_tab3.gif) no-repeat top left;
		}
		.stripNav li.tab3 a.current {
			background: url(/includes/novedades/img/bg_tab3_current.gif) no-repeat top left;
			color: #fff;
		}

		.stripNav li.tab4{
			background: url(/includes/novedades/img/bg_tab4.gif) no-repeat top left;
		}
		.stripNav li.tab4 a.current {
			background: url(/includes/novedades/img/bg_tab4_current.gif) no-repeat top left;
			color: #fff;
		}