﻿	/* Remove the navbar's default margin-bottom and rounded borders */
		.navbar {
			margin-bottom: 0;
			border-radius: 0;
			min-height: 50px;
		}

		.navbar, .navbar-brand {
			font-size: 24px;
		}
		/*.navbar-header .navbar-brand {min-height:70px;}*/
		/* Add a gray background color and some padding to the footer */
		footer {
			background-color: #f2f2f2;
			padding: 25px;
		}

		.carousel-inner img {
			width: 100%; /* Set width to 100% */
			margin: auto;
			min-height: 200px;
		}
		/* Hide the carousel text when the screen is less than 600 pixels wide */
		@media (max-width: 600px) {
			.carousel-caption {
				display: none;
			}
		}

		.thumbnail {
			min-height: 305px;
		}

		.thumbnail image {
			min-height: 100px;
		}

		img {margin-bottom:15px;
		}
		.row {margin:0px; padding-bottom:15px;}
			/*.row {border:1px dotted grey}
			.row div {border:1px dashed red }*/
.revisar {background-color:yellow; display:none; }
.recomendacion {background-color:#fbf6a2; border:1px solid #7a781f; border-radius:15px;}
.pantalla {
			border: 1px solid grey;
			padding: 5px 0px 5px 0px;
			font-size: small;
			background-color: black;
			color: white;
		}


/* My responsive text size*/
		h1,h2,h3,h4,h5,h6 {font-weight:bold; }
		@media (min-width: 767px){
			#contenido{width:80%; margin:auto; }
			/*body, h4 {font-size: x-large;}*/
			h1 {font-size:32pt;}
			h2 {font-size:30pt;}
			h3 {font-size:28pt;}
			h4 {font-size:26pt;}
			h5 {font-size:24pt;}
			h6 {font-size: 22pt;}
			body {font-size: 20pt;}						
		}
		@media (max-width: 767px) {
			#contenido{width:80%; margin:auto;}
			/*body, h4 {font-size: large;}*/
			h1 {font-size:28pt;}
			h2 {font-size:26pt;}
			h3 {font-size:24pt;}
			h4 {font-size:22pt;}
			h5 {font-size: 20pt;}
			h6 {font-size: 18pt;}
			body {font-size: 16pt;}			
		}
		@media (max-width: 500px){
			#contenido{width:100%; margin:auto;}
			h1 {font-size:26pt;}
			h2 {font-size:24pt;}
			h3 {font-size:22pt;}
			h4 {font-size:20pt;}
			h5 {font-size: 18pt;}
			h6 {font-size: 16pt;}
			body {font-size: 14pt;}			
		}
		/*mobile*/
		@media (max-width: 255px) {
			#contenido {width:100%; margin:auto; padding-right:0px;}
			h1 {font-size:24pt;}
			h2 {font-size:22pt;}
			h3 {font-size:20pt;}
			h4 {font-size:18pt;}
			h5 {font-size: 16pt;}
			h6 {font-size: 14pt;}
			body {font-size: 12pt;}			

		}
		.pieImagen {font-size:70%;  text-align:center; }
		img {border:1px solid grey; box-shadow: 4px 7px #cccccc; border-radius: 1%;}
		img.noShadow {border:0px !important; box-shadow:none !important; border-radius:unset !important;}
		ul, ol {font-size:90%;margin-left:1em;}

	