/*-----------Valores Globales-----------*/

@font-face {
	font-family: 'Conv_GOTHIC';
	src: url('fonts/GOTHIC.eot');
	src: local('fonts'), url('fonts/GOTHIC.woff') format('woff'), url('fonts/GOTHIC.ttf') format('truetype'), url('fonts/GOTHIC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{ border: 0; word-wrap:break-word; color: #333; font-family: 'Conv_GOTHIC'; font-size: 1em; margin: 0; list-style: none; padding:0; text-decoration: none; }
html,body { background: #F2F2F2; height:100%; outline: 0; margin: 0; padding:0; text-align: left; }
#contenedor{ height: 100%; width: 100%; behavior: url(css/pie/PIE.htc); }
a{ color: #E84705; }
a:hover{ color: #29ABE2; }
img,video, img#anim{ max-width: 100%; }

section#topPagina, nav#navegador,  #logotipo, #banner, section#cuerpo, #seccionInferior, aside#socialBotton, nav#navBotton, #autor, .contenedorUno, .contenedorDos { display: block; height: auto; list-style: none; margin: 0 auto; text-align: left; width: 100%; }


/*-----------Especiales-----------*/
.corte { clear: both; padding-top: 2em; }
.SegundoCorte { clear: both; padding-top: 1px; }


/*-----------Top del sitio-----------*/
section#topPagina, section#cuerpo { height: auto; margin: 0 auto; padding: 0; width: 85%; max-width: 990px; }

.contenedorUno { background: #E6E6E6; border-bottom: 0.15em solid #808080; }

#logotipo { float: left; height: 7em; padding-top: 0.5em; width: 20%;}
#logotipo img{ display: block; float:left; height: auto; margin: 0; padding: 0; width: auto;}

nav#navegador { float: right; font-size: 0.9em; text-align: center; width: 80%}
nav#navegador ul { background: url(../images/images_04.gif) left bottom repeat-x #f7f7f7; box-shadow: 0 0.5em 0.5em 0.05em #808080; -moz-border-radius: 0 0 1em 1em; -ms-border-radius: 0 0 1em 1em; -o-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; float: left; width: 100%}
nav#navegador ul li {  background: url(../images/img_09.gif);  background-position: center right; background-repeat: no-repeat; display: inline-block; float: left; height: 7em; width: 20%;}
nav#navegador ul li:hover { background: url(../images/img_09.gif), url(../images/images_06.gif), #ff8017; background-position: center right, bottom left, top left; background-repeat: no-repeat, repeat-x, repeat; }
/*quito division derecha del nav*/
nav#navegador ul .BordeDerecha{ background: none;  background-position: bottom right; background-repeat: repeat-x;}
nav#navegador ul .BordeDerecha:hover{ background: url(../images/images_06.gif) left bottom repeat-x, #ff8017;}
/*icono del nav*/
nav#navegador ul li:hover .text .icono{ background: url(../images/img_15.gif) no-repeat center left;}
nav#navegador ul li:hover .text .texto{ color: #fff; *color: #F60; color: #F60\9;  }

/*Borde redondeado navegador*/
nav#navegador ul .BordeIzquierda{ -moz-border-radius: 0 0 0 1em; -ms-border-radius: 0 0 0 1em; -o-border-radius: 0 0 0 1em; -webkit-border-radius: 0 0 0 1em; border-radius: 0 0 0 1em; }
nav#navegador ul .BordeDerecha{ -moz-border-radius: 0 0 1em 0; -ms-border-radius: 0 0 1em 0; -o-border-radius: 0 0 1em 0; -webkit-border-radius: 0 0 1em 0; border-radius: 0 0 1em 0; }
/*botones del navegador superior*/

nav#navegador ul li a { display: inline-block; float: left; height: 82%;  padding: 18% 0 0 0; width: 100%;}

nav#navegador ul li a:hover .text .icono{ background: url(../images/img_15.gif) no-repeat center left;}
/*span navegador*/
nav#navegador ul li a .text, nav#navegador ul li a .text .texto{ display: inline-block; min-height: 0.1em; margin: 0 auto; max-width: 100%; }
nav#navegador ul li a .text .icono{ background: url(../images/images_12.png) no-repeat top  left; display: inline-block; *display: none; display: none\9; float: left; height: 1.1em; margin: 0; margin-top: 2%; padding: 0; vertical-align: middle; width: 1.1em; }
nav#navegador ul li a .text .texto{ display: inline-block; float: left; height: auto; margin: 0; min-width: 0.5em; padding: 0; vertical-align: middle; }


/*estilos del banner*/
#banner { float: left; height: auto; margin:0; padding: 1em 0 0 0; width: 100%}
#banner img{ border: 1px solid #808080; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; height: auto; margin: 0; padding: 0; width:100%;}



/*-----------Cuerpo del sitio-----------*/
.contenedorDos { border-top: 0.15em solid #fff; }
section#cuerpo { min-height: 5em; padding:}

section#cuerpo .columnas{ display: block; float:left; padding: 1em 1em 2em 0; text-align: justify; text-indent: 2em; line-height: 1.5em; width: 48%; }
section#cuerpo p{ display: block; margin-bottom: 1em; width: 100%; }
section#cuerpo span{ font-weight: bold; }
section#cuerpo img{ -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; float: left; margin: 1em; }
section#cuerpo .subLine{ font-weight: normal; text-decoration: underline; }

section#contenedor { min-height:100%; height: auto!important; height:100%; }




/*-----------Pie del sitio-----------*/
footer#PiePagina { background: url(../images/img_28.gif) top left repeat-x #e6e6e6; height: 5em; /*margin-top: -6em;*/ }
footer#PiePagina section#topPagina{ display:block; height: 3em; padding-top: 1em;  }
/*redes sociales*/
footer#PiePagina nav#navBotton, aside#socialBotton{ display: block; float: left; width: 70%; }
aside#socialBotton{ float: right; }
aside#socialBotton span, aside#socialBotton a{ display: inline-block; float: left; width: auto; }
aside#socialBotton a span{display: none;}
aside#socialBotton a { background:url(../images/socialBottom.gif) no-repeat top left; height: 19px; margin: 0 0.5em; width: 19px}
aside#socialBotton .Facebook{ background-position: 0% 0%; -moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 0.5s; }
aside#socialBotton .Facebook:hover{ background-position: 0 67%; }
aside#socialBotton .Twitter{ background-position: 0 32%; -moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 0.5s; }
aside#socialBotton .Twitter:hover{ background-position: 0 100%}
aside#socialBotton{ width: 25%; }
/*navegador bottom*/
footer#PiePagina nav#navBotton ul{ display: block; float: left; width: 100% }
footer#PiePagina nav#navBotton ul li{ display: inline-block; border-right: 1px solid #666; border-left: 1px solid #fff; float: left; text-align: center; padding: 0 0.5em; width: auto; }
footer#PiePagina nav#navBotton ul .separadorA{ border-left: none; }
footer#PiePagina nav#navBotton ul .separadorB{ border-right: none; }
footer#PiePagina nav#navBotton ul li a{ display: block; color: #333333; height: 1.5em; padding: 0.5em 0; width: 100%; }
footer#PiePagina nav#navBotton ul li a:hover{ color: #ff8017;}
footer#PiePagina #autor{ display: block; background: #ccc; float: left; height: 2.4em; padding-top: 0.5em; text-align: center; width: 100% }
/**/
.flex-direction-nav li a, .flex-control-nav{ display: none; }




/*-----------Mediaquerys-----------*/
@media screen and (max-width:1160px){
	
	/*aumento el enmarcamiento*/
	section#topPagina, section#cuerpo{ width: 95%; }
	section#cuerpo .columnas{ padding: 1em 1em 2em 0; width: 47%; }
	/*oculto icono menu superior*/
	nav#navegador ul li a .text .icono{ display: none; }
	footer#PiePagina nav#navBotton ul li, footer#PiePagina nav#navBotton ul .separadorB { padding: 0 0.4em; margin: 0;}
	footer#PiePagina section#topPagina{ height: 3em; }
	
	#PiePagina #topPagina #socialBotton span{ display: block; float: left; font-size: 0.7em; width: 100% }
	#PiePagina #topPagina #socialBotton a span{display: none;}
	footer#PiePagina nav#navBotton, aside#socialBotton{ width: 85%; }
	aside#socialBotton{ width: 12%; }
	footer#PiePagina{ height:5em }
}

@media screen and (max-width:923px){
	
	/*aumento el enmarcamiento*/
	section#topPagina{ width: 100%; }
	#banner img{ border: none; border-bottom: 2px solid #808080; border-top: 2px solid #808080; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; position: relative;  top: 6px; }
	section#cuerpo{ width: 93%; }
	/*redimenciono el logotipo*/
	#logotipo {width: 100%;}
	#logotipo img{ height: auto; float: none; margin: 0 auto; width: 259px;;}
	/*redimenciono el menu superior*/
	nav#navegador {width: 100%;}
	nav#navegador ul, nav#navegador ul .BordeDerecha, nav#navegador ul .BordeIzquierda { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
	nav#navegador ul li a{ height:59%; padding: 27% 0 0 0; }

	/*redimenciono menu inferior*/
	footer#PiePagina nav#navBotton { padding: 1em 0 0; width: 100%; }
	footer#PiePagina{ height: 9em }
	footer#PiePagina section#topPagina{ height: 7.5em; }
	
	aside#socialBotton{ float: none; margin: 0 auto; width: 6em; }
	aside#socialBotton span, aside#socialBotton, aside#socialBotton span, aside#socialBotton a { float:none; text-align: center; }
	aside#socialBotton span, aside#socialBotton{ display: block; float: none; width: 50%; height: auto;}

	#PiePagina #topPagina #socialBotton span{ font-size: 1em; }
	footer#PiePagina nav#navBotton ul li{ padding: 0 0.5em; }
	footer#PiePagina nav#navBotton ul{ float: none; height: 3em; max-width: 35em; margin: 0 auto; width: auto;  }
}

@media screen and (max-width:578px){
	
	/*acomodo el contenido*/
	section#cuerpo .columnas{ width:  98%; padding: 0; margin: 0; }
	section#cuerpo img{ margin: 0.3em; padding: 0; }
	
	
	footer#PiePagina nav#navBotton ul li{ margin: 0 auto; padding: 0;}
	footer#PiePagina nav#navBotton ul .separadorB,footer#PiePagina nav#navBotton ul li, footer#PiePagina nav#navBotton ul .separadorB{ border: none; margin: 0 auto; padding: 0 !important; }
		
	footer#PiePagina nav#navBotton, nav#navegador{ border: none; margin: 0 auto; padding: 0; width: 100%; }
	nav#navegador ul{ background: none; }
	footer#PiePagina nav#navBotton ul li, footer#PiePagina nav#navBotton ul .separadorB, nav#navegador ul li a{ border: none; margin: 0; padding: 1em 0;}
	
	footer#PiePagina nav#navBotton ul li a, nav#navegador ul li a{ background: url(../images/bulets.png), url(../images/dg1.gif); background-position: 95% -51%, left bottom; background-repeat: no-repeat, repeat-x; font-weight: bold;  height: auto; margin: 0 auto; padding: 1em 0; width: 100%; }
	
	footer#PiePagina nav#navBotton ul li a:hover, nav#navegador ul li a:hover{ background: url(../images/bulets.png), url(../images/images_06.gif); background-position: 95% 144%, left bottom; background-repeat: no-repeat, repeat-x; font-weight: bold;  height: auto; margin: 0 auto; padding: 1em 0; width: 100%; }
	
	footer#PiePagina, footer#PiePagina section#topPagina{ background: none; height: auto; }
	/*footer#PiePagina nav#navBotton ul, */nav#navegador ul{ height: auto; width: 100%; }
	/*footer#PiePagina nav#navBotton ul li, */nav#navegador ul li{ display: block; height: auto; width: 100%; }
	#PiePagina #topPagina #socialBotton span{ padding-bottom: 1em;  }
	/*oculto menu inferior*/
	footer#PiePagina nav#navBotton{ display: none; }
	
	/*redes sociales*/
	aside#socialBotton, #socialBotton span{  background: url(../images/dg2.gif) top left repeat-x; color: #fff; height: 5em; margin: 0; border: none; padding: 0; width: 100%;}
	aside#socialBotton a { background: url(../images/dgSocial.png) center left no-repeat; display: inline-block; float: left; height: 2.9em; text-align:center; margin: 0; padding: 0; width: 49%;}
	aside#socialBotton .Facebook{ background-position: 50% 0%; border-right: 1px solid #fff; }
	aside#socialBotton .Facebook:hover{ background-position: 50% 66%; }
	aside#socialBotton .Twitter{ background-position: 50% 34%; }
	aside#socialBotton .Twitter:hover{ background-position: 50% 105%; }
	#PiePagina #topPagina #socialBotton span{ display: inline-block; float: left; font-size: 1em; height: 2em; text-align:center; margin: 0; padding: 0; width: 100%;}
	/*autor*/
	footer#PiePagina #autor{ height: auto; }
	#PiePagina #autor span a{ display: block; background: #333333; color: #fff; margin: 0 auto 0.5em; border-radius: 1em; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; text-align: center; width: 95%; }
	#PiePagina #autor span a:hover{ background: #234990;}
	
}