/* 
	Using a customized version of Eric Meyer's CSS Reset to give us an even, cross-browser playing field. More info:
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 99%;
	font-family: Arial;
	margin: 0;
	outline: 0;
	padding: 0;
	
}
body {
	line-height: 1.2;
}
ol, ul {
	margin-left: 25px;
}



/********************************************************************************************* LAYOUT */

.wrapper , #header, .botonera{
	margin: 0 auto;
	overflow: hidden;
	width:1000px;
}

#fondo-header, #content , #footer {
}

#fondo-header {
	color: #ffffff;
}


#fondo-header.azul {
	background:url("../images/headers/azul_bg.jpg") repeat-x scroll 0 0 transparent; 
}

#top {
	background: #000;
}

#fondo-header #content-slide{float:left;}

.botonera{
	height: 43px;
    overflow: visible;
    padding: 8px 0;
    position: relative;
}

.botonera .logo {
	float: left;
}

.botonera .module_menu , .botonera .language{
	float:right;
	margin: 16px 59px 0 0;
}

#content {
	float: left;
}

.shadow {background:url("../images/headers/shadow_tile.jpg") repeat-x scroll 0 0 transparent; height:25px;}

.content-primary, .content-secondary {
	float: left;
	margin:10px;
	padding:10px;
}

.content-primary {
	width: 700px;
}

.content-secondary {
	width: 200px;
}
#prefooter {background:#EFEFEF;border-top:1px solid #DFDFDF;overflow:hidden;padding:15px 0 0;text-align:center;}
#footer {
	background:#e3e3e3;
	border-top:1px solid #BFBFBF;
	clear:both;
	height:99px;
	padding:15px 0 0;
	width:100%;
	text-align: center;
	
}


/**/

.content-primary .contentpaneopen img {
	margin: 0 15px;
}


.article_separator {
	border-bottom:1px solid #DBDBDB;
	display:block;
	margin-bottom:29px;
	width:auto;
}



/* FORMS */

.jform fieldset.jfradio legend {}

.jform .jfradio input, .jform .jfradio label {
	float:left !important;
	left:163px;
	position:relative;
	top:-54px;
}

.jform h2 {
	padding: 0 0 10px 0;
}

input {
	background:none repeat scroll 0 0 #EFEFEF;
	border:1px solid #DFDFDF;
	height:22px !important;
	margin:10px;
	}
	
input:focus, textarea:focus {
	border: 1px solid #666666;
}

textarea {
	background:none repeat scroll 0 0 #EFEFEF;
	border:1px solid #DFDFDF;
	margin:10px;
	font-family: arial;
	font-size:14px;
}

input.jfbutton {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	background:none repeat scroll 0 0 #4DCF5F;
	border:1px solid #279F37;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-left:182px;
	text-transform:uppercase;
	height: 33px !important;
}

/* CONTENT CSS */



/*
.call-to-action {
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	background-color:#FF9900;
	font-size:20px;
	margin:15px 0;
	padding:10px;
	text-align:center;
	width:272px;
}*/

.destacado .panel-wrapper div img.lmsimg {margin-top:-44px;position:relative;}

.destacado .panel-wrapper div .lmsimg { margin-top/*\**/: -44px\9; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////// MENU */

.botonera .module_menu ul li{
	float:left;
	display:block;
	padding: 0px 6px 0px 6px;
	font-size: 12px;
}
.module_menu .menu a:link , .module_menu .menu a:hover , .module_menu .menu a:visited {	color: #FFF; }

body #fondo-header .menu a{
	padding-top:6px;
	transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
}
body #fondo-header .menu a:hover {
	color: #FFCC33;
	transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
}
.menu  #current a  {
	background: url("../images/bullet_down2.png") no-repeat scroll 50% 0 transparent;
	color: #FFCC33!important;
}
.botonera .item1 a{
	display:none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////// TYPOGRAPHY */

#content p a:link, #content p a:hover, #content p a:visited {
	text-decoration: underline;
}  


#fondo-header a:link, #fondo-header a:hover, #fondo-header a:visited , #fondo-header p{
	color: #fff;
	text-decoration:none;
}

#fondo-header  .call-to-action a:link, #fondo-header  .call-to-action  a:hover, #fondo-header  .call-to-action  a:visited {
	color: #00284C;
	font-weight: bold;
	text-transform:uppercase;
}

#content a:link, #content a:hover, #content a:visited, #footer a:link, #footer a:hover, #footer a:visited {
	color:#2C71A9;
	text-decoration: none;
}

#footer div p {
	font-size:12px;
	text-shadow:0 1px 0 white;
}

.destacado .panel-container p ,  .destacado .panel-container ul{
	margin-top: 15px;
}

p {	color:#666666;
	font-size:14px;
	line-height:20px;
	margin:0 0 15px;
	padding:0 0 10px;
}



/*TITULO DE NOTICIAS*/
.contentheading a:link, .contentheading a:hover, .contentheading a:visited , .contentheading {
	font-size: 25px;
	padding: 0 0 15px 0;
	color:#2C71A9;
	text-shadow:0 1px 1px #CFCFCF;
}

/* FECHA */

.createdate  {
	color:#2C71A9;
	font-size: 10px;
	text-transform: uppercase;
	}



	
/* HEADINGS */
	
h1, h2, h3, h4 , h5, h6, .contentheading, .contentpagetitle, .call-to-action  {
	font-weight: normal;
	color: #2C71A9;	
	font-family:Tahoma, Arial;
}

.destacado h1, .destacado h2, .destacado h3, .destacado h4, .destacado h5, .destacado h6 {
	color: #fff;
	text-shadow:1px 3px 4px #00111F;
	}
	
.destacado h2 {font-size:40px; }

	
h1 {
	font-size:62px;
}

h2 {
	font-size:25px;
}

h3 {
	font-size:20px;
}

h4 {
	font-size:18px;
	margin-bottom:2px;
}

h5 {
	font-size:16px;
	padding: 0 0 10px 0;
}

h6 {
	font-size:14px;
	padding:0 0 10px;
}






/*//////////////////////////////////////////////////////////////////////// MODULO DE IDIOMAS */

.botonera{
	padding:7px 15px 8px 0;
	position:relative;
	overflow: visible;
}
.botonera .logo {
	float:left;
	margin:2px 0 0 6px;
}
.botonera .main_menu {
	float:right;
	margin: 14px 50px 0 0;
}
.botonera  .language{
	float:right;
	position:absolute;
	right:0;
	margin: 7px 0 0 0;
}
.botonera  .icon_menu{
	float:right;
	margin: 8px 0 0;
	display:none;
}
.botonera  .icon_menu li{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:10px;
}


#jflanguageselection {margin-right:35px;}
#jflanguageselection ul li{
	list-style:none;
	margin:0;
}
#jflanguageselection {
	background: url("../images/bullet_down.png") no-repeat scroll right 15px transparent;
}
.language #jflanguageselection ul {
    height: 22px;
	padding:8px 0 0 0;
    overflow: hidden;
	margin: 0px;
	z-index:50;
	
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	
	transition:
		height 0.5s ease-out,
		background 0.2s ease-out
	;
	-webkit-transition:
		height 0.5s ease-out,
		background 0.2s ease-out
	;
	-moz-transition:
		height 0.5s ease-out,
		background 0.2s ease-out
	;
	-o-transition:
		height 0.5s ease-out,
		background 0.2s ease-out
	;
}
.language #jflanguageselection ul:hover {
	height:50px;
	background: none repeat scroll 0 0 #002d56;
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
}
.language #jflanguageselection ul li a{
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 0 10px 4px 11px;
	color:#fff;
}
.language #jflanguageselection ul li a:hover{
	text-shadow: 0 0 5px #000;
	color: #FFCC33;
}


/*///////////////////////////////////////////////////////////////////////////// MODULOS DERECHA */

.content-secondary .module-case , 
.content-secondary .module {
	margin: 0 0 15px 0 ;
}
.module-case {
	padding: 10px;
	background: #f5f5f5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e6e6e6;
}
.module-case h3{font-size:11px;text-transform:uppercase; padding: 0 0 6px 0}
.module-case p{font-size:11px; margin:0; padding: 0 0 3px 0; line-height:14px;}
.module-case a{font-size:12px; margin:0; padding: 0 0 3px 0; line-height:14px;}
.module-case strong{text-transform:uppercase; color:#ff9900;}
.module-case img {padding: 5px 0;}
.module-case:hover {-moz-box-shadow:1px 1px 5px #eaeaea; -webkit-box-shadow:1px 1px 5px #eaeaea;}

/*NOTICIAS*/
.contentpaneopen-case {background:transparent url(../images/bullet.gif) no-repeat scroll 0 5px;padding:0 0 0 7px;}
#content-component .content-secondary .contentpaneopen-case a:hover{text-decoration:underline;}
.module-case .article_separator {margin-bottom:8px;margin-top:8px;}
.new a {background:url("../images/new.png") no-repeat scroll 97% 4% transparent;display:block;margin-right:-38px;padding-right:37px;width:160px;}

/***************end-modulos-derecha************************/

/* TABLA DE PRECIOS */

/*div que la contiene*/
#price-table {
	float:right;
}

#fondo-header #content-slide ul { width: 250px;}


#table-headings {
	margin-left: 134px;
	overflow: auto;
	padding: 0 0 15px 0;
}

#table-headings div {
	float: left;
}
#table-headings div strong {
	font-size: 20px; 
}


#table-headings ul li {display:block; font-size:9px;}
#table-headings .basic ul, #table-headings .pro ul , #table-headings .premium ul { width: 122px; text-align: center; margin: 0px;} 


#table-headings ul span {line-height:33px;	font-weight:bold;}
#table-headings .basic ul {}
#table-headings .basic ul span.basic {display:block;font-size:14px;height:9px;}
#table-headings .pro ul { margin:0 10px;}
#table-headings .pro ul span.pro {display:block;font-size:30px;height:5px;}
#table-headings .premium ul {} 
#table-headings .premium ul span.premium {font-size:18px;}



#prices {
	clear:both;
	overflow: hidden;
}

#prices ul li{
	display:block; 
	line-height: 45px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #093359;
}

#prices div ul li:last-child{
	border-bottom: none;
	
}



#prices .items, #prices .zebra_special , #prices .zebra {
	float:left; 
}

#prices .items ul, #prices .zebra_special ul, #prices .zebra ul {
	margin: 0px;
	width: 122px;
}

#prices .items ul li{
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	padding:0 10px 0 0;
	}
	
#prices .items ul {
	width: 160px;
}
	
#prices .items {
}
	
#prices .zebra{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:none repeat scroll 0 0 #2A4B6A;
}

#prices .zebra_special{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin: 0 10px;
	background:none repeat scroll 0 0 #2C8F7A;
}

#prices .zebra_special ul li{
	border-bottom:1px solid #319F86;
}
#prices .zebra ul li{
	border-bottom: 1px solid #274561;
}

#btn-comprar {
	overflow: auto;
	margin: 15px 0 0 153px;
}

#btn-comprar  ul{
	margin: 0;
}

#btn-comprar li {
	display:block;
	float:left;
	margin:0 0 0 10px;
	text-align:center;
	width:119px;
	text-transform:uppercase;
	font-weight: bold;
}

.content-primary #btn-comprar li 	{margin:0 10px 0 0;}


#btn-comprar li a {
}

/*	TABLA DE PRECIOS EN CONTENIDO PRINCIPAL */

.content-primary #price-table {
	float:left;
}


.content-primary  #prices .items ul li{
	border-bottom: 1px solid #efefef;
}

.content-primary #prices .items ul {
	width:201px;
}

.content-primary #prices .zebra , .content-primary #prices .zebra_special {
	color: #FFF;
	font-size:13px;
}

#prices .secondary-table {
	font-size:10px;
	font-weight: normal;
}

#prices .secondary-table{
	display:block;
	line-height:13px;
	padding:17px 8px 15px 14px;
	text-align:left;
}

.content-primary #prices .soporte-tecnico {
	height:42px;
}

.content-primary #prices .asistencia {height:25px; text-align:center;}
.content-primary #prices .llamadas {height:40px;text-align:center;}
.content-primary #prices .capacitacion {height:40px;text-align:center;}

.content-primary  #prices div ul li:last-child {
	height: 41px; 
}

.content-primary  .btn-trial {}

.content-primary  #btn-comprar {
	margin: 15px 0 35px 200px;
	color: #FFF;

}
.content-primary  #btn-comprar  li{
	width: 159px;
	text-align:center;
	margin-right: 6px;
}

.content-primary  #btn-comprar  li a{
padding: 0px;
}

.content-primary  #btn-comprar  li img{
	margin: 0px;
}



.content-primary #table-headings {
	margin-left: 197px;
}

.content-primary #table-headings .basic ul, .content-primary #table-headings .pro ul, .content-primary #table-headings .premium ul{
	width:158px;
} 

#content #btn-comprar a:link, #content #btn-comprar a:hover, #content #btn-comprar a:visited {
	color:#fff;
}

.content-primary #prices .zebra_special ul, .content-primary #prices .zebra ul {
	margin: 0px;
	width: 158px;
}


/*
PANTALLA DE COMPRA
*/
.content-primary  .compra {float:right;}
.content-primary  .compra  #price-table .basic ul, .content-primary .compra #price-table  .pro ul {border-right: 1px solid #DFDFDF;}
.content-primary  .compra  #price-table .basic ul li, .content-primary .compra #price-table  .pro ul li, .content-primary .compra #price-table  .premium ul li  {font-size: 14px;}
.content-primary  .compra #table-headings {margin-left: 0px;}
#table-headings input {border:none; height: auto !important;}

/*
MODULOS POSICION DESTACADO
*/

.destacado .module-help{text-align: center;}
.destacado .module-help img{margin:0 12px;}



/*
FEATURES
*/

.feature {padding:8px;margin:10px;width:311px;float:left;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.feature:hover {background:#efefef;-moz-box-shadow:0px 0px 3px #999999; -webkit-box-shadow:0px 0px 3px #999999;}
.ico{float:left;}
.feature .content{margin-left:80px;}
.feature .content a{display:none;}
.feature .content p{ font-size:12px; margin:0px; padding:0px;line-height:1.3;}
.ico a { display:block;overflow:hidden; width:80px;height:74px;text-indent:-990px;}

.orange {background:#ff9900;background:-moz-linear-gradient(top, #ffaf00, #ff7b00);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaf00), to(#ff7b00));height:131px;}
.orange .content p {font-size:14px;color:#333333;}
body .orange:hover {background:#ff9900; background:-moz-linear-gradient(top, #ffaf00, #ff7b00);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaf00), to(#ff7b00)); -moz-box-shadow:0px 0px 3px #FF9900; -webkit-box-shadow:0px 0px 3px #FF9900;}
.orange .content h4 , #content .orange .content h4  a{color:#fff; text-shadow:0px -1px #6f6f6f;}

.ico .video-conferencia{background:url("../images/sprite.png") no-repeat scroll -4px -498px transparent;}
.ico .pizarron{background:url("../images/sprite.png") no-repeat scroll -4px -649px transparent;}
.ico .foros{background:url("../images/sprite.png") no-repeat scroll -4px -881px transparent;}
.ico .examenes{background:url("../images/sprite.png") no-repeat scroll -4px -570px transparent;}
.ico .chat{background:url("../images/sprite.png") no-repeat scroll -4px -117px transparent;}
.ico .mensajeria{background:url("../images/sprite.png") no-repeat scroll -4px -341px transparent;}
.ico .videoteca{background:url("../images/sprite.png") no-repeat scroll -4px -957px transparent;}
.ico .repositorio{background:url("../images/sprite.png") no-repeat scroll -4px -727px transparent;}
.ico .visor{background:url("../images/sprite.png") no-repeat scroll -4px -38px transparent;}
.ico .calendario{background:url("../images/sprite.png") no-repeat scroll -4px -192px transparent;}
.ico .noticias{background:url("../images/sprite.png") no-repeat scroll -4px -421px transparent;}
.ico .idiomas{background:url("../images/sprite.png") no-repeat scroll -4px -267px transparent;}
.ico .reportes{background:url("../images/sprite.png") no-repeat scroll -4px -802px transparent;}
.ico .compartir{background:url("../images/sprite.png") no-repeat scroll -4px -1034px transparent;}
.ico .mediateca{background:url("../images/sprite.png") no-repeat scroll -4px -1112px transparent;}
.ico .grabacion{background:url("../images/sprite.png") no-repeat scroll -4px -1189px transparent;}

/*COLOR BOX CSS*/




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}



/*CODA SLIDER.CSS*/




/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	/*body { padding: 20px }*/
	.panel h2.title { margin-bottom: 10px; display: none; }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 0  }
	.coda-slider { background: transparent;}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { height:425px;padding-bottom:10px;width:1000px;} 
	
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { border-bottom:3px solid; color:#FF9900 !important; font-weight:bold; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; width: auto !important; padding:0 0 0 23px; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a {color:#FFFFFF;display:block;float:left;font-size:12px;margin-right:7px; padding:3px 6px; text-decoration:none;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	

	


/*BACKEND-CLASSES*/
.left { float:left;}
.right {float:right;}
.overflow {overflow:hidden;}
.clear-me {	clear: both;}


/*BOTONES*/
.btn  {
	padding:10px;
	background-color:#ff6900;
	color:#fff;
	font-size:18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 10px #01203f; /* Opera 10.5, IE 9.0 */
	text-shadow:0px -1px 0px #999;
}
.btn:active {
	position:relative;
	top:1px;
}

.naranja {
	background-image: -moz-linear-gradient(top, #ffbe00, #ff6900); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffbe00),color-stop(1, #ff6900)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffbe00', EndColorStr='#ff6900'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffbe00', EndColorStr='#ff6900')"; /* IE8 */
}
.naranja:hover{
	background-image: -moz-linear-gradient(top, #ffe022, #ff8b22); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe022),color-stop(1, #ff8b22)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe022', EndColorStr='#ff8b22'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe022', EndColorStr='#ff8b22')"; /* IE8 */
}