body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	background:#b0c4d8;	
	padding:0px;
	}
#wrapper{
	position: relative;
	width: 100%;
	margin: auto;
	text-align: left;
	}



#header{ background:url(../images/cabecera_12.png) no-repeat; background-size: 100% auto;
    width: 100%; height:40px; cursor:pointer
}
@media screen and (min-width: 1024px){#header{ height:90px;}}


#menu {
	width: 100%;
	border-top:#ffffff 1px solid;/*fec40d*/
}
#menu ul{
	list-style-type: none; 
	width: 100%;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: -38px;
	}
#menu li {
	padding: 0px;
	float:left;
	margin: 1px;
	margin-top:10px
	}
#menu a{
	padding: 5px; padding-left:10px; padding-right:10px; cursor:pointer; color:#FFFFFF; font-weight:600; text-decoration:none
	}
#menu a:hover{  
	background-color:#9db8d3;
	}
#contenido{background: #b0c4d8 url(../images/VAGABUNDOYMUNDO.png) no-repeat; background-size: 100% auto;}
	
#pie{
	width: 100%;
	height: 25px;
	bottom: 0px;
}

#col-conten { width:100%; overflow:hidden}
@media screen and (min-width: 1024px){#col-conten { width:70%}}
#columns { width:100%; overflow:hidden}
@media screen and (min-width: 1024px){#columns { width:30%; }}

.colum1 {
	float:left;
	width: 49%;
	border: 1px dotted #CCC;
	}
.colum2 {
	float: right;
	width: 49%;	
	border: 1px dotted #CCC;
}
@media screen and (max-width: 769px) {

#col-conten {
	width: 100%;
	max-width: 100%;
	border: 0px dashed #ccc;
}
#columns {
	width: 100%;
	border: 0px dashed #ccc;
	padding-bottom: 3px;
}
.colum1 {
	float:left;
	width: 49%;
	border: 1px dotted #CCC;
	}
.colum2 {
	float: right;
	width: 49%;	
	border: 1px dotted #CCC;
}
}


.vista_carta{ width:22%}
@media screen and (min-width: 1024px){.vista_carta{ width:8%}}

.link{text-decoration: none; color:#FF6600}
.link:hover{color:#000099}

#div_error{background:#EEEEEE; color:#990000; border-top:#990000 1px solid; border-bottom:#990000 1px solid; padding:5px; margin-top:10px; margin-bottom:10px; text-align:center}
.div_error{background:#EEEEEE; color:#990000; border-top:#990000 1px solid; border-bottom:#990000 1px solid; padding:5px; margin-top:10px; margin-bottom:10px; text-align:center}

.carta_si_seleccionada{-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5)}

.titulo{font-size:18px; font-weight:600}
.rojo{color:#f3352b}
.azul_oscuro{color:#3a79eb}
.azul_celeste{color:#b7e6ee}
.negro{color:#000000}
.blanco{color:#FFFFFF}
.carne{color:#f1ea92}
.amarillo{color:#ffff13}
.naranja{color:#f3ce38}
.verde_claro{color:#a1e447}
.verde_oscuro{color:#30ae43}

.strong{font-weight:600}
.violeta{color:#433358}

.volador{position:absolute; margin-left:0px; width:800px; display: none; background:#e3c327; z-index:1000; margin-top:-20px; border:#FFFFFF 1px solid; }
.interior_volador{border:#666666 1px solid; padding:10px; padding-bottom:20px; margin:2px; text-align:left; background:#EEEEEE}



.naranja{color:#FF6600}
.azul{color:#000099}
.azul_italic{color:#000099; font-style:italic}
.mano{cursor:hand; cursor:pointer}
.peque{font-size:11px}

.btn {margin-left:20px; background: #819ab1; background-image: -webkit-linear-gradient(top, #819ab1, #344d66); background-image: -moz-linear-gradient(top, #819ab1, #344d66); background-image: -ms-linear-gradient(top, #819ab1, #344d66); background-image: -o-linear-gradient(top, #819ab1, #344d66); background-image: linear-gradient(to bottom, #819ab1, #344d66); -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 8px; font-family: Georgia; color: #ffffff; font-size: 14px; padding: 6px 6px 6px 6px;border: solid #1f628d 1px; text-decoration: none;}
.btn:hover {background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color: #eeeeee}

.aumenta_poco img{display:block!important; -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -o-transition:-o-transform 1s ease-out; -ms-transition:-ms-transform 1s ease-out; transition:transform 1s ease-out;}
.aumenta_poco:hover{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2)}

.aumenta_medio img{display:block!important; -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -o-transition:-o-transform 1s ease-out; -ms-transition:-ms-transform 1s ease-out; transition:transform 1s ease-out;}
.aumenta_medio:hover{-moz-transform: scale(1.4);-webkit-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4)}

.aumenta_doble img{display:block!important;-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;transition:transform 1s ease-out;}
.aumenta_doble:hover{-moz-transform: scale(2);-webkit-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2)}


.carta_no_seleccionada{width:66px; cursor:hand; cursor:pointer}
@media screen and (min-width: 1024px){.carta_no_seleccionada{width:77px; cursor:hand; cursor:pointer}}

.carta_si_seleccionada{width:82px;}
@media screen and (min-width: 1024px){.carta_si_seleccionada{width:82px;}}


.caja_derecha{float:right; margin:3px; padding:5px; border:#FFFFFF 2px solid; color: #000033; text-align:left; font-weight:100; background:#91aac3; width:100px; font-size:11px}

.caja_derecha_sin_borde{float:right; margin:3px; padding:5px; border:#FFFFFF 0px solid; color: #000033; text-align:left; font-weight:100;  width:100px; font-size:11px}