@charset "UTF-8";
@font-face {
    font-family: "HelvNeue";
    src: url(http://www.surfax.com.co/HelveticaNeueLTStd.otf) format("truetype");
}
body {
	background: #eaeaea  url(images/fondo2.png) repeat-x top;
font-family: "HelvNeue", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	padding:0px;
}
.boton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:"HelvNeue", Arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.boton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.boton:active {
	position:relative;
	top:1px;
}
.tabla_buscador2{
	background-color:#FFC;
	color:#039;
	border: 1px solid #aaaaaa;	
	border-radius:5px;
	padding:5px;
	behavior:url(images/border-radius.htc);
	}	
.tabla_buscador{
	background-color:#fafafa;
	color:#333;
	border: 1px dotted #ccc;	
	border-radius:5px;
	padding:5px;
	behavior:url(images/border-radius.htc);
	}		
#tabla_prod{
	border:0px #d2d2d2 solid;
	background:#fff;
	}
	
a{ text-decoration:none;}
a:visited { color:inherit;}
.boton_detalle {
	background-color:#888888;
	display:inline-block;
	border: 1px #777777 solid;
	color:#ffffff;
	padding:3px;
	margin:3px;
	font-family:"HelvNeue", Arial;
	font-size:13px;
	font-weight:normal;
}.boton_detalle:hover {
	color:#e2e2e2;
}.boton_detalle:active {
	position:relative;

}

.listado {
	text-indent: 10px;
	list-style-type: circle;
}


.texto_gris{
	color:#555555;
	}
	
input {
	padding:2px;
	font-size:12px;
	font-family:"HelvNeue", Arial;
	color:#666666;
	border-radius:2px;
	border: 1px solid #555555;
	}

#tabla_menu{
	height:60px;
	padding:4px;
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.36);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.36);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.36);
border-radius:10px;
	}
	
#tabla_content{
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.36);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.36);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.36);
border-radius:0px;
padding: 0px 0px 0px 0px;
	}	

#tabla_footer{
	background-image:url(images/fondo_footer2.png);
    border-radius:0px;
	padding:0px;	
	}		
	
#menu{
font-family: "HelvNeue", sans-serif;
	font-size: 14px;
	color: #ffffff;

	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	
	}
	
#menu_sel{
font-family: "HelvNeue", sans-serif;
	font-size: 14px;
	color: #fffe63;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	
	}
	
#menu:hover{
	color: #fffe63;
	cursor:hand;
	}			
	
	
#s3slider {
    width: 800px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
 
#s3sliderContent {
    width: 800px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
	margin-top:0;
}
 
.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}
 
.s3sliderImage span {
    position: absolute; /* important */
    left: 0;
    font: 16px/20px Arial, Helvetica, sans-serif;
    padding: 15px 15px;
    width: 770px;
    background-color: #4b608e;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    top: 0; /*
        if you put top: 0;  -> the box with text will be shown 
                                at the top of the image
        if you put bottom: 0;  -> the box with text will be shown 
                                at the bottom of the image
    */
}
 
.clear {
    clear: both;
}	
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

	
.texto_footer{
	color:white;
	font-family:"HelvNeue", Arial;
	font-size:12px;
	
	}
	
#secc1{
	font-family:"HelvNeue", Arial;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:2px;
	background-image:url(images/fondo_sec.png);
	border-left: #ffffff solid 1px;
	}
	
#secc2{
	font-family:"HelvNeue", Arial;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:2px;
	background-image:url(images/fondo_sec2.png);
	border-left: #ffffff solid 1px;
	}	

.tit_evento{
font-size:14px;
	font-weight:bold;
	color:#2069d5;	}

.titulo_producto{
	font-size:14px;
	font-weight:bold;
	color:#2069d5;
	}	

.titulo_producto2{
	font-family:"HelvNeue", Arial;
	font-size:14px;
	font-weight:bold;
	color:#2069d5;
	}		
	

.titulo_sec{
font-family: "HelvNeue", sans-serif;
	font-size: 16px;
	color: #ffffff;
	padding-right: 5px;
	padding-left: 10px;
	height:35px;
	vertical-align: middle;
	background-color:#2d8fe6;
	border-top:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeeee;
	border-radius:5px;
}
.titulo_secB{
font-family: "HelvNeue", sans-serif;
	font-size: 16px;
	color: #ffffff;
	padding-right: 5px;
	padding-left: 10px;
	height:35px;
	vertical-align: middle;
	background-color:#2069d5;
	border-top:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeeee;
	border-radius:5px;
}
	
.titulo_sec2{
font-family: "HelvNeue", sans-serif;
	font-size: 16px;
	background-color: #A51309;
	color: #ffffff;
	padding-right: 5px;
	padding-top:5px;
	padding-left: 10px;
	border-radius:5px;
	height:22px;
	vertical-align: middle;
	}	
	
.titulo_sec3{
font-family: "HelvNeue", sans-serif;
	font-size: 16px;
	color: #4A5D8A;
	padding-right: 5px;
	padding-left: 10px;
	vertical-align: middle;
	}		
	
.instruccion{
font-family: "HelvNeue", Arial, sans-serif;
	font-size: 10px;
	color: #333333;
	}