@charset "utf-8";
/* CSS Document */

body{
	background:url(../img/2.png) repeat;
}

footer{
	background:url(../img/bg-bottom.jpg) repeat-x;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	border-top:4px #09C solid;
	border-bottom:3px #09C solid;
	text-shadow: 2px 2px 2px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
}

#logo{
	position:relative; z-index:9999; margin-top:2%;
}

@media(min-width:800px){
	#logo{
		position:relative; z-index:9999; margin-top:-35%;
	}
}

@media(max-width:800px){
	.row-fluid .span3,.row-fluid .thumbnails .span4{
	  width:98%;
	  *width:98%;
	}​

	h5{
	  font-size:20px;
	}
}

.navbar .divider-vertical{
	margin: 0 2px;
}

.blanco{
	color:#FFFFFF;
}

.responsive-image { max-width:100%; height:auto;}


.titulo-seccion{
	margin-left:-34px;
	margin-top:-15px;
}

.hero-unit{
	background:url(../img/bg_carbon.png) repeat;
	padding:25px;
}


.navbar-fixed-bottom {
  position: fixed;
}

.container-fluid{
	padding-left:0px;
}

.row-fluid [class*="span"]{
	margin-left:0px;
}

.redondeado{
	border-radius: 6px 6px 6px 6px;
}

.sombreado{
	-webkit-box-shadow:  2px 2px 20px 0px #000000;
    box-shadow:  2px 2px 20px 0px #000000;
}

.sombreado-ligero{
	-webkit-box-shadow:  2px 2px 5px 0px #000000;
    box-shadow:  2px 2px 5px 0px #000000;
}

.sombreadoBlanco{
	-webkit-box-shadow:  2px 2px 20px 0px #FFF;
    box-shadow:  2px 2px 20px 0px #FFF;
}

.sombreadoBlancoLigero{
	-webkit-box-shadow:  2px 2px 10px 0px #FFF;
    box-shadow:  2px 2px 10px 0px #FFF;
}

.sombreadoInterno{
	-webkit-box-shadow: inset 0px 0px 10px 1px #666;
    box-shadow: inset 0px 0px 10px 1px #666;
}

.navbar .nav > li > a{
	color:#000;
	text-shadow: 0 1px 0 #666;
}

.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus,.navbar .nav > .active > a{
	color:#FFF;
}

.navbar .nav > li > a:hover,.navbar .nav > li > a:focus,btn-primary{
	color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-color:#006dcc;
	*background-color:#04c;
	background-image:-moz-linear-gradient(top,#08c,#04c);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
	background-image:-webkit-linear-gradient(top,#08c,#04c);
	background-image:-o-linear-gradient(top,#08c,#04c);
	background-image:linear-gradient(to bottom,#08c,#04c);
	background-repeat:repeat-x;
	border-color:#04c #04c #002a80;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.lista{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.lista li{
	background-image:url(../img/bullet_green.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:30px;
}

.header{
	color: #FFFFFF;
	font-family:Tahoma, Geneva, sans-serif;
	height:auto;
	width:98%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 3px;
	clear:both;
	border: 1px solid #1D66D3;

	-moz-box-shadow: 0 0 0 1px #1857AF;
    -webkit-box-shadow: 0 0 0 1px #1857AF;
    box-shadow: 0 0 0 1px #1857AF;
}

.marcoHeader{
	border: 1px dashed #BABABA;
	padding: 5px 10px;
	text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

.btn-circle{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.btn-circle-panel ul{
    display: block;
	margin: 0;
    padding: 0;
}

.btn-circle-panel.small .btn-circle li{
    height: 50px !important;
    width: 50px;
}
.btn-circle li{
    margin-bottom: 2px;
}
.btn-circle li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    border-top: 1px solid #AAAAAA;
    box-shadow: 0 8px 24px rgba(100, 100, 100, 0.3) inset;
    display: inline-block;
    margin-right: 10px;
    position: relative;
	line-height: 20px;
}
.btn-circle-panel.small .btn-circle li div{
    height: 34px;
    line-height: 34px;
    width: 34px;
}
.btn-circle div{
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 3px 8px #AAAAAA, 0 2px 3px #CCCCCC inset;
    margin: 8px;
}
.btn-circle div{
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #D7D7D7);
    display: block;
    position: relative;
    text-align: center;
}