/*
body {
    text-align: center;
}
#principal {
    display: block;
    width:700px;
    margin:100px auto;
    text-align: center;
    border: 1px solid #1ab4a7;
    background: #4957d6;
}
#titulo{
    font : bold 40px verdana, sans-serif;
}
*/

body{
    text-align: center;
}
#principal {
    display: block;
    width: 800px;
    height: 150px;
    margin:10px auto;
    text-align: center;
    border: 1px solid #999999;
    background: #2ec8ce;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px
}
#titulo{
    font : bold 47px verdana, sans-serif;
}

/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;
    -moz-border-radius:20px 10px 30px 50px;
    -webkit-border-radius:20px 10px 30px 50px;
    border-radius :20px 10px 30px 50px;
}
#titulo{
    font : bold 36px verdana, sans-serif;
}
*/
/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;
    -moz-border-radius:20px / 10px;
    -webkit-border-radius:20px / 10px;
    border-radius :20px / 10px;
}
#titulo{
    font : bold 36px verdana, sans-serif;
}
*/
/*
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgb (160,160,160) 15px 5px;
    -webkit-box-shadow: rgb (160,160,160) 15px 5px;
    box-shadow: (160,160,160) 15px 5px;
}
#titulo{
    font : bold 36px verdana, sans-serif;
}
*/
/*
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgb (160,160,160) 15px 5px 10px inset;
    -webkit-box-shadow: rgb (160,160,160) 15px 5px 10px inset;
    box-shadow: (160,160,160) 15px 5px 10px inset;
}
#titulo{
    font : bold 36px verdana, sans-serif;
}
*/
/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    padding: 15px;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgb (160,160,160) 15px 5px 10px;
    -webkit-box-shadow: rgb (160,160,160) 15px 5px 10px;
    -chrome:rgb (160,160,160) 15px 5px 10px;
    
    box-shadow: (160,160,160) 15px 5px 10px;
    box-shadow: (160,160,160) 15px 5px 10px;

}
#titulo{
    font : bold 36px verdana, sans-serif;
    text-shadow: rgb (0,0,150) 3px 3px 5px;
}
*/
/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    padding: 15px;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;

    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgb (160,160,160) 15px 5px 10px;
    -webkit-box-shadow: rgb (160,160,160) 15px 5px 10px;
    -chrome:rgb (160,160,160) 15px 5px 10px;
    
    box-shadow: (160,160,160) 15px 5px 10px;
    box-shadow: (160,160,160) 15px 5px 10px;

}
#titulo{
    font : bold 36px verdana, sans-serif;
    text-shadow: rgb (0,0,150) 3px 3px 5px;
}
*/
/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    padding: 15px;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;
    
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgb (160,160,160) 15px 5px 10px;
    -webkit-box-shadow: rgb (160,160,160) 15px 5px 10px;
    -chrome:rgb (160,160,160) 15px 5px 10px;
    
    box-shadow: (160,160,160) 15px 5px 10px;
    box-shadow: (160,160,160) 15px 5px 10px;

}
#titulo{
    font : bold 36px  verdana, sans-serif;
    text-shadow: rgb (0,0,150) 3px 3px 5px;
}
@font-face {
    font-family: 'MiNuevaFuente';
    src: url('font.ttf');

}
*/
/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    padding: 15px;
    text-align: center;
    border: 1px solid #999999;
    background: #DDDDDD;
    
    outline: 1px solid #000099;
    outline-offset: 15px;

    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgba (160,160,160,5) 15px 5px 10px;
    -webkit-box-shadow: rgba (160,160,160,5) 15px 5px 10px;
    -chrome:rgba (160,160,160,5) 15px 5px 10px;
    
    box-shadow: (160,160,160) 15px 5px 10px;
   
    background: -webkit-linear-gradient(top,#FFFFFF,#006699);
    background: -moz-linear-gradient(top, #FFFFFF, #006699);


}
#titulo{
    font : bold 36px  verdana, sans-serif;
    text-shadow: rgb (0,0,150) 3px 3px 5px;
}
@font-face {
    font-family: 'MiNuevaFuente';
    src: url('font.ttf');
}
*/
/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    padding: 15px;
    text-align: center;

    border: 30px;  solid #999999;
    -moz-border-image: url("summer1.png") 30 stretch;
    -webkit-border-image: url("summer1.png") 30 stretch;
    border-image: url("summer1.png") 30 stretch;
    background: #DDDDDD;
    
    outline: 1px solid #000099;
    outline-offset: 15px;

    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgba (160,160,160,5) 15px 5px 10px;
    -webkit-box-shadow: rgba (160,160,160,5) 15px 5px 10px;
    -chrome:rgba (160,160,160,5) 15px 5px 10px;
    
    box-shadow: (160,160,160) 15px 5px 10px;
   
    background: -webkit-linear-gradient(top,#FFFFFF,#006699);
    background: -moz-linear-gradient(top, #FFFFFF, #006699);


}
#titulo{
    font : bold 36px  verdana, sans-serif;
    text-shadow: rgb (0,0,150) 3px 3px 5px;
}
@font-face {
    font-family: 'MiNuevaFuente';
    src: url('font.ttf');
}
*/
/*
body{
    text-align: center;
}
#principal {
    display: block;
    width: 500px;
    margin:50px auto;
    padding: 15px;
    text-align: center;

    border: 30px;solid #999999;
   /* -moz-border-image: url("summer1.png") 30 stretch;
    -webkit-border-image: url("summer1.png") 30 stretch;
    border-image: url("summer1.png") 30 stretch;
    background: #DDDDDD;
}
#principal:hover{
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}

    /*-moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(2,1.5);
    -webkit-transform: scale(2,1.5);*//* funcion de escala*/

    /*-moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);*/ /*funcion rotar*/

   /* -moz-transform: skew( 20deg );
    -webkit-transform: skew( 20deg);
    -moz-transform: translateX( 200px);
    -webkit-transform: translateY(100px);*/
/*
    -moz-transform: translateY(100px) rotate(45deg) scaleX(0,3);
    -webkit-transform: translateY(100px) rotate(45deg) scaleX(0,3);


    outline: 1px solid #000099;
    outline-offset: 10px;

    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius :20px;

    -moz-box-shadow: rgba (160,160,160,5) 15px 5px 10px;
    -webkit-box-shadow: rgba (160,160,160,5) 15px 5px 10px;
    -chrome:rgba (160,160,160,5) 15px 5px 10px;
    
    box-shadow: (160,160,160) 15px 5px 10px;
   
    background: -webkit-linear-gradient(top,#FFFFFF,#006699);
    background: -moz-linear-gradient(top, #FFFFFF, #006699);


}
#titulo{
    font : bold 36px  verdana, sans-serif;
    text-shadow: rgb (0,0,150) 3px 3px 5px;
}
@font-face {
    font-family: 'MiNuevaFuente';
    src: url('font.ttf');
}

body{
    text-align: center;
}
#principal {
    display: block;
    width: 700px;
    margin:50px auto;
    padding: 15px;
    text-align: center;
    border: 1px solid #c90c0c;
    background: #6b7fda;

    /*-moz-transition: -moz-transform ls ease-in-out 0.5s;
    -webkit-transition: -webkit-transform ls ease-in-out 0.5s;

}

#principal hover{
    -moz-transform: rotate (5deg);
    -webkit-transform: rotate (5deg);
}
#titulo{
    font : bold 36px  verdana, sans-serif;
    text-shadow: rgb (0,0,150) 3px 3px 5px;
}*/