@charset "utf-8";
/* CSS Document */
body {
	background-repeat: no-repeat;	
    background-color: #000;
    background-image: url(imagenes/fondo2015.jpg);
    background-attachment: fixed;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 100% auto;
	font-family: 'Ubuntu', sans-serif;
}

#main {
	text-align:center;
	width: 1366px;
	margin: auto;
}

#cabecera{
    position:fixed; /* si queremos que haga scrool quitar esto */
	top:0px;
    left:0px;
    width:100%;
    height:60px;
	background-color:#333;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

#contenedor{
	position:static;
	margin-top:80px;
	width:1366px;
}

#divizq {
	margin-left:30px;
	float:left;
	background-image: url(imagenes/cuadro-izq2.png);
	no-repeat;
	width:829px;
	height:511px;
	/*background-image: url('cuadro-izquierda.png');no-repeat;width:829px;height:511px;*/
}

#divder {
	margin-left:60px;
	float: left;
	background-image: url(imagenes/cuadro-der2.png);
	no-repeat;
	width:414px;
	height:511px;
	/*background-image: url('cuadro-derecha.png');no-repeat;width:414px;height:511px;*/
}

#divder2 {
	margin-left:60px;
	float: left;
	background-image: url(../imagenes/cuadros-separados.png);
	no-repeat;
	width:414px;
	height:511px;
}

#divder21a {
	margin-left:60px;
	float: left;
	background-image: url(../imagenes/cuadros-separados-1a.png);
	no-repeat;
	width:414px;
	height:511px;
}

#divder22a {
	margin-left:60px;
	float: left;
	background-image: url(../imagenes/cuadros-separados-2a.png);
	no-repeat;
	width:414px;
	height:511px;
}

.tablader2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+0,343837+0,66738e+45,0a0809+100 */
background: #aebcbf; /* Old browsers */
background: transparent linear-gradient(to bottom, #B6C1C8 0%, #FFF 0%, #C7D4A5 45%, #040502 100%) repeat scroll 0% 0%;
/*background: -moz-linear-gradient(top,  #aebcbf 0%, #343837 0%, #66738e 45%, #0a0809 100%); FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(0%,#343837), color-stop(45%,#66738e), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #B6C1C8 0%, #FFF 0%, #C7D4A5 45%, #040502 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #B6C1C8 0%, #FFF 0%, #C7D4A5 45%, #040502 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #B6C1C8 0%, #FFF 0%, #C7D4A5 45%, #040502 100%); /* IE10+ */
background: linear-gradient(to bottom,  #B6C1C8 0%, #FFF 0%, #C7D4A5 45%, #040502 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}

#footer {
    position:fixed;
    width: 100%;
    left:0;
    bottom:0;
}

a:link {   
    text-decoration:none; 
	color:#FFF;  
} 
a:visited {
	color:#FFF;
} 
a:hover {
	color:#FFF;
} 
a:active {
	color:#FFF;
} 

#panel-oculto-2 {
  width: 750px;
  height: 420px;
  top: 90px;/*Separación del borde superior*/ 
  left: 130px; /*Separación del borde izquierdo*/
  padding:5px; /*Espaciado interno*/
  text-align:center; /*Alineación del texto*/
  /*background-color:#FFEE88; /*Color de fondo*/
  position:fixed; /*Permite que se mantenga estático*/
  display:none; /*Oculta el contenedor*/
  box-shadow:0 0 5px #555; /*Sombras CSS3*/
  background-color: #003;
  z-index: 9002;		
}

#panel-oculto-3 {
  width: 750px;
  height: 420px;
  top: 120px;/*Separación del borde superior*/ 
  left: 140px; /*Separación del borde izquierdo*/
  padding:5px; /*Espaciado interno*/
  text-align:center; /*Alineación del texto*/
  background-color:#FFEE88; /*Color de fondo*/
  position:fixed; /*Permite que se mantenga estático*/
  display:none; /*Oculta el contenedor*/
  box-shadow:0 0 5px #555; /*Sombras CSS3*/
  background-color: #003;
  z-index: 9003;	
}

.button {
    display: inline-block !important;
    cursor: pointer;
    border-radius: 0.25em !important;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(0, 0, 0, 0.2) inset !important;
    background-color: #276195 !important;
    background-repeat: repeat-x !important;
    background-image: linear-gradient(#3C88CC, #276195) !important;
    color: #FFF !important;
    text-align: center;
    font-size: 14px !important;
    padding: 0px 20px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-decoration: none;
    border: 0px none !important;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25) !important;
    font-family: "Open Sans",sans-serif !important;
    transition: all 0.25s linear 0s;
}

.enviar {
   width:120px;
   height:30px;
   background-color:#09F;
   font: 12px; margin:5px 0; color:#FFF; text-align:center;
   text-shadow: 0.1em 0.1em #333;
   font-weight:bold;
   border-top-left-radius:11px;	
   border-top-right-radius:11px;	
   border-bottom-left-radius:11px;	
   border-bottom-right-radius:11px;
   border-color:#000;
   /*para ver border color en firefox*/
   border:1px solid #000;
}

a img {border:0}