/* CSS Document */
@media screen and (min-width: 400px) {
	img {
		width:50%;
		height:100%;
	}
}

@media screen and (max-width: 399px) {
	img {
		width:100%;
		height:100%;
	}
}

@media screen {

/*links*/

	a {
		text-decoration: none;
		color: #000000; /*inherit;*/
		outline: none;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
	}
	
	a:hover {
		color: #CC3333;
	}
	
	a.btn {
		font-size: 12px;
		display: inline-block;
		background: #e2827e;
		padding: 5px 14px 4px;
		border-radius: 4px;
		margin-top: 17px;
		color: #fff;
		text-transform: uppercase;
	}
	
	a.btn:hover {
		background: #CC3333;
	}
	
	a.btn.m1 {
		margin-top: 30px;
		margin-bottom: 1px;
	}
	
	.contenedor{
		position: relative;
		display: inline-block;
		text-align: center;
		width:90%;
	}
	 
	.contenedor p{
		text-align:left;
		margin-left:30%;
		font:Arial, Helvetica, sans-serif;
		font-size:25px;
	}
	.contenedor .p2{
		text-align:left;
		margin-left:18%;
		font:Arial, Helvetica, sans-serif;
		font-size:19px;
	}
	.centrado{
		position: absolute;
		top: 65.2%;
		right: 30%;
		/*transform: translate(-63.5%, -30%);*/
	}
	.horizontal_dotted_line{ 
		float:right;
		border-bottom: 3px dashed; 
		width:100%; 
	}
	.box01{
	  display: flex;
	  align-items: flex-end;
	}
	.box02{
		text-align:left;
		margin-left:18%;
		font:Arial, Helvetica, sans-serif;
		font-size:19px;
	  width:100%;
	  height: auto;
	}
	
	.box03{
	  width: 100%;
	  height: auto;
	}
	
	.box04{
		text-align:right;
		font:Arial, Helvetica, sans-serif;
		font-size:19px;
	  width:100px;
	  height: auto;
	}
	.border{
		border: 5px solid black;
	}
	
	.panera{
		width:25%;
		height:80%
	}
	
}
@media print {	
	@page { margin: 2cm;
			
	}
	
	.container{margin-top: 5cm;}
	
	.contenedor{ 
		width: 100%;
		padding-left:-20%;
	}
	
	.saltoPagina {
		page-break-before: always;
	}
	
	.calentitos{
		margin-top: 5cm;	
	}

	.panera{
		width:15%;
		height:40%
	}
	
	.horario{
		margin-top:5cm;	
	}
	.col-print-1 {width:8%;  float:left;}
	.col-print-2 {width:16%; float:left;}
	.col-print-3 {width:25%; float:left;}
	.col-print-4 {width:33%; float:left;}
	.col-print-5 {width:42%; float:left;}
	.col-print-6 {width:50%; float:left;}
	.col-print-7 {width:58%; float:left;}
	.col-print-8 {width:66%; float:left;}
	.col-print-9 {width:75%; float:left;}
	.col-print-10{width:83%; float:left;}
	.col-print-11{width:92%; float:left;}
	.col-print-12{width:100%; float:left;}
		
}