.blanco{color:#FFF;}
.naranja{color:#FF8002;}

.flotaizq{/*para ejemplo salas GAa*/
	width:100%;
}
.flotader{/*para ejemplo salas GAa*/
	width:100%;
}
@media (min-width: 768px), @media (min-width: 992px){
	.flotaizq{/*para ejemplo salas GAa*/
		float:left !important; 
		width:50%;
		padding-right:30px;
	}
	.flotader{/*para ejemplo salas GAa*/
		float:right !important; 
		width:50%;
		padding-top:15px;
	}
}
.flotaizq_ejmplo{/*para ejemplo salas GAa*/
	float:left !important; 
	width:40%;
	margin-bottom:5px;
}
@media (min-width: 768px){ 
	.flotaizq_ejmplo{width:30%;}
}
.flotader_ejmplo{/*para ejemplo salas GAa*/
	float:right !important; 
	width:60%;
	padding-left:15px;
	margin-bottom:5px;
}
@media (min-width: 768px){ 
	.flotader_ejmplo{width:70%;}
}
.margen0top{margin-top:0;}
.margen0inf{margin-bottom:0;}
.margen-ejem{margin-bottom:15px;}
.margen-ejemfinal{margin-bottom:-5px;}
.paddingder{padding-right:15px;}
.paddingizq{padding-left:15px;padding-right:15px;}
@media (min-width: 992px) {
	.paddingizq{padding-right:25px;}
}
@media (min-width: 1200px) {
	.paddingizq{padding-right:35px;}
}
.ejemplo{border:none;margin-right:5px;margin-bottom:5px;}

.margensup{margin-top:10px;}
.margeninf{margin-bottom:10px;}
.margeninf5{margin-bottom:5px;}
.espacioder{padding-right:10px;}
.espacioinf{padding-bottom:5px;}
@media (min-width: 768px) {
	.espacioinf{padding-bottom:10px;}
}
.margensup1px{margin-top:10px;}
.alineatop{vertical-align: top;}
.alineabottom{vertical-align:bottom;}
.derecha{float: right;}

.container {  /* IMPORTANTE CLASE CONTAINER BEAU le reduzco el paddin en xs*/
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}
/*recuadro naranja*/
.esquina_izq_sup {height:20px; width:20px; 	background: url(../images/filos/1filo_izq_sup.gif) no-repeat right bottom;}
.borde_sup1px    {height:20px;				background: url(../images/filos/borde_sup1px.gif) repeat-x right bottom;}
.esquina_der_sup {height:20px; width:38px;  background: url(../images/filos/1filo_der_sup.gif) no-repeat right bottom;}
.esquina_izq_inf {height:20px; width:20px;  background: url(../images/filos/1filo_izq_inf.gif) no-repeat right top;}
.borde_inf1px    {height:20px; 				background: url(../images/filos/borde_inf1px.gif) repeat-x right top;}
.esquina_der_inf {height:20px; width:38px;  background: url(../images/filos/1filo_der_inf.gif) no-repeat right top;}
/**/
.contacto{
	background:#FFB94F;
	padding:5px 10px;	
	border: 1px solid #333;
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media (min-width: 768px) {
	.contacto {padding:5px;}
}

.recuadro{
	background-color:#fff;
	padding:15px;
	border: 2px solid #333;
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.td-barra {width:30px;}
@media (min-width: 768px) {
	.td-barra{width:90px;}
}
@media (min-width: 992px) {
	.td-barra{width:150px;}
}
@media (min-width: 1200px) {
	.td-barra{width:200px;}
}

a {text-decoration: none; color:#FF8002;}
a:hover, a:focus {color:#FF8002; text-decoration: underline; }