@media (orientation: landscape) {
	#landscape{
		display: block;
          }
}

@font-face{
	font-family: Sans-Pro
	src:url(Colores_TipoLetra.ttf);
}


#patito{
	padding-top: 50px;
}

#quitartransparencia{
	background-color: rgba(0, 0, 0, 0.5);
    color:#000;

}

#transparencia{

	background-color:rgb(255,0,0);
	opacity:0.6; /*Uso actual*/

}

#enlace{
	color: #ffffff;
}
.icon-bar {
    height: 100%;
    width: 90px;
    text-align: center;
    background-color: #555;
}
.parrafopru{
	/*background: #bac7ad;*/
	background: #006600;
	/*background-color:rgb(255,0,0);*/
	opacity:0.8;
	border-radius: 5%;
	color: #000;
	font-family: 'Sans-Pro';

}


body{
	background-image: url('../img/img/bosque_nubosom.jpg');
	background-size: 100% 100%;
    background-repeat: no-repeat; /**/
	background-color: blue;
	width: 100%; 
	height: 100%;
}
 
/*--------------------------------------------------------------------------------------------------------------------*/
a{
	color: #00cc00;   /* AQUI SE LE CAMBIA EL COLOR A LAS LETRAS DEL MENÚ 
						
						las siguientes lineas de codigo le ponen el borde negro a la letra, (se puede poner cualquier color)
						al final que dice "transparent" es una sombra, si se le pone algun color aparecerá la sombra de la letra
			*/

	text-shadow: 
	1px 1px 0 #000, 
	-1px -1px #000, 
	1px -1px #000, 
	-1px 1px #000,
	 0 1px #000,             
	 1px 0 #000, 
	-1px 0 #000, 
	0 -1px #000, 
	-25px 0 transparent, 
	25px 0 transparent;
	   
}
.espacio{
	color: transparent;

}
/*----------------------------------------------------------------------------------------------------------------------*/
.camil{
	color: blue;
	text-shadow: none;

}
img{
	height: relative;
	width: relative;
	max-width: 500px;
	max-height: 370px;	
}
.imglogo{
	align-self:center;
	height: 150px;
	width: 200px;

}
h3{
	text-align:center;
	color: #fff;
	font-family: Sans-Pro;

}

h4{
	color: #006600;
	text-align: center;
	background: #d6d6c2;
	font-family: Sans-Pro;


}
h1{
	color: #fff;
	text-align: center;
}

h5{
	text-align: center;
	color: #fff;
}

.divimg{
	width: 150px;
	height: 200px;
	
}
.carimg{
	width: 80%;
	height: 80%;
}


.bordediv{
	border-style: solid;
	border-color: #f2f2f2;
}

.parrafo1{
	background: #bac7ad;
	
	border-radius: 5%;
	color: #000;
	font-family: Sans-Pro;

}

.parrafo2{
	text-align: center;
	color: #fff;
	font-family: sans-serif;

}

.parrafo3{
	background: #333333;
	border-radius: 5%;
	font-family: Sans-Pro;
	color: #ffff00;
	opacity: 0.6;
	filter: alpha(opacity=50);/*IE*/

}
.fontsmall{
	font-size: small;
}
.fontlarge{
	font-size: medium;
}

.main{
	background: #f2f2f2;
	color:#000;
}

.color1{
	background: #34495e;
	color: #fff;
}

.color2{
	background: #f2f2f2; 
	color: #000;
}

.color3{
	background: #0B0B61;
	color: #fff;
}

.color4{
	background: #08088A;
	color: #fff;
}

aside{
	background: #c0392b;
	color: #fff;
}

footer{
	background: #009900;		
	color: #fff;
}

.pie{
	background: #009900;
	color: #fff;
}

div{
	align="center";
	margin-top: 10;
	margin-bottom: 10;
	margin-right: auto;
}

p{
	font-family: Verdana;
	align= "center";
}

* {
	margin:0;
	padding:0;
	/*color: white;*/
}



marquee{
	background-color: rgb(0, 0, 176);
}

.shadow{
	text-shadow: 
	1px 1px 0 #000, 
	-1px -1px #000, 
	1px -1px #000, 
	-1px 1px #000,
	 0 1px #000,             
	 1px 0 #000, 
	-1px 0 #000, 
	0 -1px #000, 
	-25px 0 transparent, 
	25px 0 transparent;
}

/*
cambios 
*/
#tipoletra{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
}

#titulos{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 19px;
}

/*Formulario*/

#name, #numero, #email, #comments, #enviar{
    /*background-color:#009933;*/
	background-color:#00ff00;
	color:#963030;/*forma de escribir*/
}

#name placeholder, #numero placeholder, #email placeholder{
	background-color:#963030; /*Nombre a poner*/
}

.form-control::-moz-placeholder {
  color: #963030;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #963030;
}
.form-control::-webkit-input-placeholder {
  color: #963030;
}
/*Formulario*/

/*
cambios 
*/
	
#encabezado{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 48px;
	color: white;
}

#titulo{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 32px;
}

#textoIntro{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
	color: white;
}

#pie{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
	background:#CC3333;
	color: white;
}

#imaGrande{
	width:275px; 
	height:150px; 
	display:block;
	margin-left: auto;
	margin-right: auto;	
}

#imaMed{
	position: relative;
    top: 5px;
	width:125px; 
	height:100px; 
}

iframe.ytb-embed {/*Para el video de youtube*/
max-width: 96% !important;
/*display: block;*/
display: inline;
margin: 10px auto;
}

.mi-iframe{
	width: 250px;
	height: 125px;
}

@media(min-width: 320px){
	.mi-iframe{
		width: 250px;
		height: 125px;
	}

}

@media(min-width: 800px){
	.mi-iframe{
		width: 600px;
		height: 400px;
	}
}

@media(min-width: 600px && max-width: 799px){
	.mi-iframe{
		width: 400px;
		height: 200px;
	}
}