/* *************************************
* *********** Generales HTML ***********
* *********************************** */

body {
	margin-top:40px;
	font-family:'Montserrat', Arial, sans-serif;
	font-size:13px;
	font-size:1.3em;
	font-weight:400;
	color:#323232;
}

a:link { text-decoration:underline; color:#323232; }
a:hover { text-decoration:none; color:#323232; }
a:visited { color:#323232; }

h1 { font-size:60px; font-size:6.0rem; }

h2 { font-size:50px; font-size:5.0rem; }

h3 { font-size:40px; font-size:4.0rem; }

h4 { font-size:30px; font-size:3.0rem; font-weight:700; }

h5 { font-size:20px; font-size:2.0rem; }

/*hr { background-color:#A3A3A3; height:1px; border:0; color:#A3A3A3; }*/

img { border:0; }

.lista { list-style:disc; padding:0px; }
.lista li { margin-left:15px; }

#columna-izquierda, #columna-derecha { padding:0px; }

#menu-izquierda, #menu-derecha { margin-top:40px; list-style:none; padding:0px; }
#menu-izquierda li { margin-bottom:15px; padding-left:-35px; }
#menu-derecha li { margin-bottom:3px; padding-left:-35px; }

.slider { margin-bottom:30px; }
.slider img { width:100%; }

.nota-index { padding:-10px; margin-top:30px; margin-bottom:30px; }
.texto-index { margin-top:15px; }

.mapa { width:80%; background-color:#efefef; margin-top:30%; margin-left:15px; padding-top:4px;  padding-left:0px; text-align:center; color:#8b8b8b; }
.mapa img { width:70%; }
address { margin-top:10px; font-style:italic; }

#footer-vertical { height:90px; margin-top:5px; margin-bottom:40px; padding-top:5px; text-align:center; }
#footer-horizontal { width:100%; margin-top:5px; margin-bottom:20px; padding-top:5px; padding-bottom:20px; text-align:center; }

.panel-title a { text-decoration:none; }

.columna-derecha-vinculacion img, .columna-derecha-investigacion img { width:100%; margin-bottom:5px; }
.columna-derecha-vinculacion img:first-child { width:100%; margin-bottom:25px; }

.botones-secciones img { width:100%; margin:0px; padding:0px; }

.padding-margin-cero { padding:0px; margin:0px; }



/* *************************************
* *********** media queries ************
* *********************************** */

@media (max-width: 992px) {
	body {
		margin:20px;
	}
	
	h1 { font-size:55px; font-size:5.5rem; }

	h2 { font-size:45px; font-size:4.5rem; }
	
	h3 { font-size:35px; font-size:3.5rem; }
	
	h4 { font-size:25px; font-size:2.5rem; font-weight:700; }
	
	h5 { font-size:20px; font-size:2.0rem; }

	.slider { margin-top:20px; margin-bottom:20px; }
	.slider img { width:100%; }
	
	#menu-izquierda { text-align:center; }
}

@media (max-width: 768px) {
	#menu-izquierda { margin-top:20px; }
	#menu-izquierda li { margin-bottom:5px; }
}