/* 
    Document   : estilo
    Created on : 24/10/2013, 05:03:50 PM
    Author     : orev
    Description:
        Purpose of the stylesheet follows.
*/

*{ 
    margin: 0;
    padding: 0;
}

body{
    background-color: #ECE8E9;
    color:#224474;
    font-family: Helvetica, Verdana;
    /*font-size: 1.3em;*/
}

#general{
    background: #ffffff;
    margin: 0 auto;
    top: 0;
    max-width: 80%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
     border-radius: 8px;
     font-family: Verdana;
}

h1{
    margin: 0.25em auto;
    text-align: left;
    line-height: 1.1;
    font-size: 17pt;
    border-bottom: 1px solid #CCCCCC;
}

header, nav, footer{
    background: #ffffff;
    border-radius: 0.5em;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

header{
    height: 180px;
}

section#logo{
    border:0;
    display: inline-table;
    margin: 0.25em auto;
    max-width: 1024px;
    min-height: 200px;
    vertical-align: top;
    width: 40%;
    text-align: center;
}

img {
    max-width: 35%;
    margin: 0 auto;
    text-align: center;
}


/**************  MENÚ ***************************/
/*
04 Menus
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu a{
	color: #fff;
}

.genesis-nav-menu a {
	text-decoration: none;
}

.genesis-nav-menu {
	overflow: hidden;
}

.menu-secondary,
#header .genesis-nav-menu {
	float: right;
	width: auto;
}

#header .genesis-nav-menu {
	float: right;
	margin: 2.9% auto;
                height: 80%;
                display: block;
}

.genesis-nav-menu.menu-primary {
	background-color: #224474;
        -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
}

.genesis-nav-menu ul {
	float: left;
	width: 100%;
}

.genesis-nav-menu li {
	display: inline-block;
	float: left;
	list-style-type: none;
	text-align: left;
}

.genesis-nav-menu a {
	display: block;
	padding: 16px 20px 14px;
	padding: 1rem 1.25rem 0.875rem;
	position: relative;
        font-family: Verdana;
        font-size: 0.77em;
}

.genesis-nav-menu.menu-secondary a {
	padding: 12px 16px;
	padding: 0.75rem 1rem;
}

.genesis-nav-menu .current-menu-item a,
.genesis-nav-menu li a:hover,
.genesis-nav-menu li:hover a {
	background-color: #D9E8FC;
        color: #183252;
}

.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited {
	background-color: #E1E1E1;
	padding: 16px 20px 14px;
	padding: 1rem 1.25rem 0.875rem;
	position: relative;
	width: 120px;
}

.genesis-nav-menu.menu-secondary li li a,
.genesis-nav-menu.menu-secondary li li a:link,
.genesis-nav-menu.menu-secondary li li a:visited {
	padding: 12px 16px;
	padding: 0.75rem 1rem;
	width: 140px;
}

.genesis-nav-menu li li a:hover {
	background-color: #D9E8FC;
        color: #183252;
}

.genesis-nav-menu li ul {
	left: -9999px;
	position: absolute;
	width: 160px;
	z-index: 99;
}

.genesis-nav-menu.menu-secondary li ul {
	width: 172px;
}

.genesis-nav-menu li ul ul {
	margin: -42px 0 0 159px;
}

.genesis-nav-menu.menu-secondary li ul ul {
	margin: -36px 0 0 171px;
}

.genesis-nav-menu li:hover ul ul,
.genesis-nav-menu li.sfHover ul ul {
	left: -9999px;
}

.genesis-nav-menu li:hover,
.genesis-nav-menu li.sfHover {
	position: static;
}

ul.genesis-nav-menu li:hover>ul,
ul.genesis-nav-menu li.sfHover ul,
#header .genesis-nav-menu li:hover>ul,
#header .genesis-nav-menu li.sfHover ul {
	left: auto;
}

.genesis-nav-menu li a .sf-sub-indicator,
.genesis-nav-menu li li a .sf-sub-indicator,
.genesis-nav-menu li li li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}

/*Fin menú*/

section#contenedor{
    background: black;
    margin: 0.5em auto;
    max-width: 100%;
    max-width: 77%;
    height: 345px;    
    padding: 0;
    text-align: center;
    background-image: url(../imagenes/home4.jpg);       
}

section#contenedorp{
    margin: 0.5em auto;
    max-width: 100%;
    /*max-width: 77%;*/
    height: 345px;
    padding: 0;
    text-align: center;
    /*background-image: url(imagenes/home4.jpg)*/
}

#e-learning{
    margin: 0.5em auto;
    max-width: 77%;
    height: 345px;
    padding: 0;
    text-align: center;
    background-image: url(../imagenes/eler2.jpg)
}

#home{
    margin: 0.5em auto;
    max-width: 77%;
    height: 345px;
    padding: 0;
    text-align: center;
    background-image: url(../imagenes/inicio.jpg)
}

#quienes{
    margin: 0.5em auto;
    max-width: 77%;
    height: 345px;
    padding: 0;
    text-align: center;
    background-image: url(../imagenes/informatica2.jpg)
}

#interactivo{
    margin: 0.5em auto;
    max-width: 77%;
    height: 345px;
    padding: 0;
    text-align: center;
    background-image: url(../imagenes/intera2.jpg)
}

#medico{
    margin: 0.5em auto;
    max-width: 77%;
    height: 345px;
    padding: 0;
    text-align: center;
    background-image: url(../imagenes/medicos.jpg)
}

#prese{
    margin: 0.5em auto;
    max-width: 77%;
    height: 345px;
    padding: 0;
    text-align: center;
    background-image: url(../imagenes/presenciales.jpg)
}

section#principal, aside{
    background: #ECE8E9;
    border-radius: 0.5em;
    display: inline-block;
    max-width: 100%;
    min-width: 200px;
    padding: 1em;
    margin: 0.50em auto;
    text-align: justify;
    font-size: 12px;
    vertical-align: top;
    width: 30%;
    height: 320px;
}

section#principalc{
    width: 60%;
    background: #ECE8E9;
    border-radius: 0.5em;
    display: inline-block;
    margin: 0.25em auto;
    max-width: 100%;
    min-width: 200px;
    padding: 0.25em;
    margin: 0.25em auto;
    text-align: justify;
    vertical-align: top;
    height: 345px;
}

article{
    background: darkblue;
    border-radius: 0.5em;
    min-width: 140px;
    padding: 0.25em;
}

aside{
    width: 60%;
    background-image: url(../imagenes/eler2.jpg);   
}


#contacto{
    width: 30%;
    background-image: url(../imagenes/cotacto2.jpg);   
}

.tdEncabezado{
    font-size: 0.8em;
    font-family: Verdana;
}
#frmcontacto .input {
	width:246px;
	height:11px;
	padding:4px 10px;
	color:#000;
	font:0.8em Verdana;
	margin:0;
}

#frmcontacto textarea {
	overflow:auto;
	width:246px;
	height:120px;
	padding:4px 10px;
	color:#000;
	font:0.8em Verdana;
	margin:0;
}

footer{
    background-color: #224474;
    color: #ffffff;
    font-size: 0.6em;
}

/****************** ESTILO DE BOTONES ********************/

.button {
    /* estilos tipograficos */  
   
    overflow: hidden;
    font-family: Verdana;  
    font-size: 0.9em;  
    color: #224474;
    font-weight: bold;  
    text-align: center;    
    margin-top: auto;
   
    /* padding, margin y borde */  
   
    padding: 0.3em;  
    margin: 0.1em 0 0 0;  
    cursor: pointer;  
    border: none;  
    border-radius: 5px;  
   
    /* propiedades para la animacion  */  
   
    transition: all 0.20s linear;  
    -webkit-transition: all 0.20s linear;  
    -moz-transition: all 0.20s linear;  
    position: relative;  
    bottom: 0;  
    -moz-box-shadow: 0 0 3px 1px #aaaaaa;
    -webkit-box-shadow: 0 0 3px 1px #aaaaaa;
    box-shadow: 0 0 3px 1px #aaaaaa;
} 

.button:hover{
    color: #ffffff;
    /* Color alternativo para versiones que no soporten degradados */
    background-color:#224474;
    /* Safari 4+ y Chrome 1+ */
    background-image:-o-linear-gradient(top, #91B9BC, #224474);
    /* Safari 5.1+ y Chrome 10+ */
    /* Firefox 3.6+ */
    /* Opera 11.10+ */
 }

.button:active{
    color: green;
    /* Color alternativo para versiones que no soporten degradados */
    background-color:#224474;
    /* Safari 4+ y Chrome 1+ */
    background-image:-o-linear-gradient(top, #91B9BC, #224474);
    bottom: -5px;
    box-shadow:0 0 0 #7e8783, inset 0 0 5px rgba(0, 0, 0, 0.4);  
    /* Safari 5.1+ y Chrome 10+ */
    /* Firefox 3.6+ */
    /* Opera 11.10+ */
 }
 
 /*fin de los bottones*/