img{
    width:90%; 
    height:20em; 
    border-radius: .5em; 
    border: .1em solid;
    display: block;
    transition: 2.5s;
}
.boton{
    background-color: #2dc234;
    background-image: -webkit-linear-gradient(rgba(41, 150, 47, .8), rgba(45, 194, 52, .2));
    background-image: -moz-linear-gradient(rgba(41, 150, 47, .8), rgba(45, 194, 52, .2));
    background-image: -o-linear-gradient(rgba(41, 150, 47, .8), rgba(45, 194, 52, .2));
    background-image: linear-gradient(rgba(41, 150, 47, .8), rgba(45, 194, 52, .2));
    -ms-border-radius:8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 0 #197b1d, 0 10px 20px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 8px 0 #197b1d, 0 10px 20px rgba(0, 0, 0, .4);
    box-shadow: 0 8px 0 #197b1d, 0 10px 20px rgba(0, 0, 0, .4);
    color: #fff;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 1;
    padding: 15px 25px;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(25, 123, 29, .7);
    width:50%;
    text-align:center;
}
#final{
    position:fixed;
    bottom:1em;
    left:20%;
    width:60%;
    background:#fff;
    z-index:100;
}
#final2{
    position:abolute;
    top:85%;
    left:20%;
    width:60%;
    margin:0.5em;
}
h1{
    text-align:center;
    width:100%;
/*    background-color:#ffcc00;
    color:#de360f;*/
    
    border-radius:5px;
    background-color:RGB(49,146,189);
    color:white;
    padding:0.5em;
    
}
h2{
    text-align:center;
    position:relative;
    left:3%;
    width:94%;
/*    background-color:#ffcc00;*/
/*    color:#de360f;*/
    border-radius:5px;
    background-color:RGB(49,146,189);
    color:white;
    padding-top:0.4em;
    padding-bottom:0.4em;
}
p {  
    margin: 1em;  
} 
#cab {
    background-color:#ffcc00;
    height:3em;
    border-radius:1px;
} 
#total {
    border-top:solid 1px;
    height:3em;
}
lista {
    font-size:12px;
}
listab {
    font:bold;
}
listat{
    background-color:#ffcc00;
    font:bold;
}
#center { 
	border: 2px solid;
	border-radius: 10px;
	align:center;
	width:60%;
	position:absolute;
	left:20%;
    min-height:80%;
} 
#center-profile {  
	border: 2px solid;
	border-radius: 10px;
	align:center;
	width:60%;
	position:absolute;
	left:20%;
    min-height:80%;
} 
#center img {
    width:45%; 
}
#center-profile img {
    width:45%; 
}

#center table, #center-profile table{
        position:relative;
        width:94%;
        left:3%;
}
error{
    background-color:RGB(256,0,0);
}
#logeo {
	border: 2px solid;
	border-radius: 10px; 	
	margin:2em;
	padding:1em;
	align:center;
    text-align:center;
	width:60%;
	position:absolute;
	background-color:#ffcc00;
	top:20%;
	left:20%;
}
.titulo {
	width:80%;
	left:10%;
}

/*###### PESTAÑAS ########*/
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9 {
  float: left;
  /*padding: 5px 5px 5px 5px;*/
  valign:center;
  background: RGB(49,146,189);
  color: #FFFFFF;
  margin: 0px 5px 0px 5px;
  cursor: pointer;
  border-radius: 100%;
  width:30px;
  height:30px;
  
}

#tab1:hover, #tab2:hover, #tab3:hover, #tab4:hover, #tab5:hover, #tab6:hover, #tab7:hover, #tab8:hover, #tab9:hover {
  background: #E800C9;
}

#tab1Content, #tab2Content, #tab3Content, #tab4Content, #tab5Content, #tab6Content, #tab7Content, #tab8Content, #tab9Content {
  width: 100%;

  /*height: auto;
  padding: 20px;
  border: 1px solid #B00098;
  border-radius: 10px;*/
}

#tab1Content {
 display: block; 
}

#tab2Content, #tab3Content, #tab4Content, #tab5Content, #tab6Content, #tab7Content, #tab8Content, #tab9Content {
 display: none; 
}

@media screen and (max-width: 600px) {
	#logeo{
		width:90%;
		margin:10px;
		left:0px;
		position:relative;
	}
	#center, #center-profile {
	    width:90%;
		margin:1em;
		left:0px;
		top:0px;
		margin-bottom:6em;

	}

	#center table tr td,#center-profile table tr td{
		font-size:small;
	}
	#center table tr td lista, #center-profile table tr td lista {
		font-size:x-small;
    		height:2em;
	}

    #cab {
         font:x-small bold;
    }
    .boton{
     font-family: Arial, sans-serif;
     font-size: 20px;
     line-height: 1;
     padding: 15px 15px;
    }
    #final {
     left:0px;
     width:100%;
     z-index:100;
    }
    #final2 {
        left:0px;
        width:100%;
        z-index:100;
    }
	.titulo {
		width:100%;
		left:0px;
	}

}