/* CSS Document */
* {
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
html, body { height:100%; }

body {
	background-repeat: no-repeat;	
    background-color: #000;
    background-attachment: fixed;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 100% auto;
	font-family: 'Ubuntu', sans-serif;
	font-size:100%;
}

/*body {font-size:100%; min-width:998px; background:url(images/bg.gif) top left repeat-x #fff}*/
html, textarea	{	font-family: Arial, Helvetica, sans-serif;  color: #666666;	size="3" }	
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;align-content: center;clear: both;float: left;}

@media screen and (max-width:740px) {
    /* reglas CSS */
	.main { 
       margin:0 auto;
       text-align:left;
       width:95%; 
       padding-top: 1%;
    }
	.logo {
	  width: 50%;
	}
	.imagenes-indice {
	  width: 85%;
	}
	.imagenes-pdf {
	  width: 40%;
	}
}
@media screen and (max-width:1080px) and (min-width:740px) {
    /* reglas CSS */
	.main { 
       margin:0 auto;
       text-align:left;
       width:95%; 
       padding-top: 3%;
    }
	.logo {
	  width: 30%;
	}
	.imagenes-indice {
	  width: 85%;
	}
	.imagenes-pdf {
	  width: 40%;
	}
}
@media screen and (max-width:1280px) and (min-width:1080px) {
    /* reglas CSS */
	.main { 
       margin:0 auto;
       text-align:left;
       width:95%; 
       padding-top: 7%;
    }
	.logo {
	  width: 30%;
	}
	.imagenes-indice {
	  width: 85%;
	}
	.imagenes-pdf {
	  width: 40%;
	}
}
@media screen and (min-width:1280px) {
    /* reglas CSS */
	.main { 
       margin:0 auto;
       text-align:left;
       width:95%; 
       padding-top: 5%;
    }
	.logo {
	  width: 25%;
	}
	.imagenes-indice {
	  width: 85%;
	}
	.imagenes-pdf {
	  width: 40%;
	}
}

/* Tamaños Formularios */
input, textarea, select, button {
  width : 80%;
  margin: 0;

  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;
}

/* Boton Sumit */
.BotonEnviar {
	-moz-box-shadow:inset -2px 32px 0px -24px #e67a73;
	-webkit-box-shadow:inset -2px 32px 0px -24px #e67a73;
	box-shadow:inset -2px 32px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:12px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.BotonEnviar:hover {
	background-color:#eb675e;
}
.BotonEnviar:active {
	position:relative;
	top:1px;
}

.BotonPlayer {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.BotonPlayer:hover {
	background-color:#5cbf2a;
}
.BotonPlayer:active {
	position:relative;
	top:1px;
}


.BotonSolicitarInfo {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.BotonSolicitarInfo:hover {
	background-color:#5cbf2a;
}
.BotonSolicitarInfo:active {
	position:relative;
	top:1px;
}


.BotonClasesVirtuales {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.BotonClasesVirtuales:hover {
	background-color:#5cbf2a;
}
.BotonClasesVirtuales:active {
	position:relative;
	top:1px;
}

a:link {
    text-decoration:none;
}