body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
/* Page reset */
margin:0px;
padding:0px;
}

body{
color:#444444;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

/* Gallery styles */

#gallery{
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;

/* CSS3 Rounded Corners */

-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;

-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;

border:1px solid white;

background:url(../images/inicio/panel.jpg) repeat-x bottom center #ffffff;

/* The width of the gallery */
width:920px;
overflow:hidden;
}

#slides{
/* This is the slide area */
height:400px;

/* jQuery changes the width later on to the sum of the widths of all the slides. */
width:920px;
overflow:hidden;
}

.slide{
float:left;
}

#menu{
/* This is the container for the thumbnails */
height:45px;
}

ul{
margin:0px;
padding:0px;
}

li{
/* Every thumbnail is a li element */
width:60px;
display:inline-block;
list-style:none;
height:45px;
overflow:hidden;
}

li.inact:hover{
/* The inactive state, highlighted on mouse over */
background:url(../images/inicio/pic_bg.png) repeat;
}

li.act,li.act:hover{
/* The active state of the thumb */
background:url(../images/inicio/active_bg.png) no-repeat;
}

li.act a{
cursor:default;
}

.fbar{
/* The left-most vertical bar, next to the first thumbnail */
width:2px;
background:url(../images/inicio/divider.png) no-repeat right;
}

li a{
display:block;
background:url(../images/inicio/divider.png) no-repeat right;
height:35px;
padding-top:10px;
}

a img{
border:none;
}


/* The styles below are only necessary for the demo page */

h1{
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size:36px;
font-weight:normal;
margin-bottom:15px;
}

h2{
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
position:absolute;
right:0;
text-transform:uppercase;
top:15px;
}

#top{
/* The main container */
margin:15px auto;
Width:920px;
height:90px;
}

#topI{
/* The main container */
Width:400px;

}

#topD{
/* The main container */
position: fixed;
left:440px;
top: 25px; 
Width:550px;
}

#main{
/* The main container */
margin:15px auto;
text-align:center;
width:920px;
position:relative;
}

#mainkey{
background-image: url(key.png); 
margin:15px auto;
text-align:center;
width:920px;
position:relative;
}

#footer{
/* The main container */
margin:15px auto;
text-align:left;
width:920px;
font-size:14px;
color:#061e4a;
}

#formulario
{
background:#F9F9F9 url('key.png') no-repeat left;
padding: 20px 20px 20px 200px;
text-align:left;
border:1px solid #D9D9D9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
}

#formulario1
{
/*background:#F9F9F9 url('../images/LogoCole.gif') no-repeat left;*/
background:#F9F9F9;
padding: 20px 20px 20px 100px;
text-align:left;
border:1px solid #D9D9D9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
}

#formulario2
{
/*background:#F9F9F9 url('../images/LogoCole.gif') no-repeat left;*/
background:#F9F9F9;
padding: 20px 20px 20px 20px;
text-align:left;
border:1px solid #D9D9D9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
}

.textboxmail 
{
    border: 1px solid #DDD;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    font-size: 14px;
    margin: 0px;
    padding: 8px;
    width: 300px;
    }
    
.boton
{
    background: #DDD url(bg-btn.gif) repeat-x 0px 0px;
    background-image: url(bg-btn.gif);
    border-bottom-color: #CCC;
    border-bottom-left-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #DDD #DDD #CCC;
    border-top-left-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    color: #333;
    cursor: pointer;
    font: normal normal normal 11px/14px 'Lucida Grande', sans-serif;
    margin: 0px;
    overflow: visible;
    padding: 4px 8px 5px;
    text-shadow: white 1px 1px 0px;
    width: auto;
}

.btn-acc
{
    border-bottom-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    font-size: 15px;
    padding: 5px 15px 6px;
}

a, a:visited {
color:#0196e3;
text-decoration:none;
outline:none;
text-transform: capitalize;
}

a:hover{
text-decoration:underline;
text-transform: capitalize;
}

p{
padding:10px;
text-align:center;
}

.alert
{
color:#990033;
}