/* ******************************************************************************************* */
/* reset */
/* ******************************************************************************************* */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
ol,ul{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
}

/* ******************************************************************************************* */
/* screen */
/* ******************************************************************************************* */
body{
color: #FFFFFF;
background-color: #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
/*padding: 8px;*/
}

.clear{
clear: both;
}


h1{color: #000066; font-size: 18px; font-weight: bold;}
h2{color: #000066; font-size: 16px; font-weight: bold;}
h3{color: #000066; font-size: 14px; font-weight: bold;}
h4{color: #000066; font-size: 14px; font-weight: bold;}
h5{color: #000066; font-size: 12px; font-weight: bold;}
h6{color: #000066; font-size: 10px; font-weight: bold;}

p{
color: #000000;
font-size: 12px;
text-align: justify;
margin-bottom: 12px;
}

li{
color: #000000;
font-size: 12px;
text-align: left;
}

dt{
color: #000066;
font-size: 14px;
text-align: left;
}
dd{
color: #000000;
font-size: 12px;
text-align: left;
}

strong{
/*
color: #000066;
font-size: 12px;
*/
font-weight: bold;
}
em{
/*
color: #000000;
font-size: 14px;
*/
font-style: italic;
}
a{
color: #000066;
font-size: 12px;
text-decoration: underline;
}
a:hover,
a:visited:hover{
color: #FFFFFF;
background-color: #000066;
}
a:visited{
color: #660066;
}
/* ******************************************************************************************* */
#wrapper{
text-align: left;
width: 830px;
margin: 0 auto;
}
/* ******************************************************************************************* */
#header{
}

#header .logo{
text-align: center;
background-color: #00CCCC;
height: 79px;
}
#header .barra{
text-align: center;
background-color: #65CFE9;
height: 10px;
}
#header .menu{
text-align: center;
background-color: #000000;
height: 47px;
}
#header .menu ul{
margin-right: 73px;
margin-left: 73px;
}
#header .menu li{
float: left;
width: 171px;
height: 39px;
margin-top: 4px;
margin-bottom: 4px;
}

#header .menu a{
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
display: block;
width: 171px;
height: 39px;
}

#header .menu a:hover {
background-position: 0 -39px;
}

#header .menu a.inicio   {background-image: url(imagenes/menu_inicio.gif);}
#header .menu a.servicios{background-image: url(imagenes/menu_servicios.gif);}
#header .menu a.articulos{background-image: url(imagenes/menu_articulos.gif);}
#header .menu a.contactos{background-image: url(imagenes/menu_contactos.gif);}
/* ******************************************************************************************* */
#main{
/*background-color: rgb(149,221,243);*/
background-color: #95DDF3;
background-image: url(imagenes/image315.png);
background-repeat: no-repeat;
background-position: left top;
}
/* ******************************************************************************************* */
#content{
/*background-color: rgb(101,207,233);*/
/*background-color: #65CFE9;*/
background-image: url(imagenes/bg_main_content.gif);
width: 630px;
float: right;

min-height: 500px;
height: auto !important;
height: 500px;
}

#content .bienvenida{
margin: 80px 40px;
}
#content .texto{
margin: 40px 40px;
}
#content .sangria{
margin-left: 150px;
}
#content .centrar{
text-align: center;
}
#content .contactos{
text-align: center;
font-size: 14px;
}
#content .contactos strong{
color: #000066;
font-size: 16px;
}

#content .malo{
border-collapse: collapse;
border-color: #FF0000;
border-style: dashed;
border-width: medium;
margin-bottom: 12px;
}
#content .malo p{
color: #FF0000;
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 4px;
margin: 0;
}
#content .malo p.icono{
font-size: 72px;
}

#content .bueno{
border-collapse: collapse;
border-color: #006600;
border-style: dashed;
border-width: medium;
margin-bottom: 12px;
}
#content .bueno p{
color: #006600;
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 4px;
margin: 0;
}
#content .bueno p.icono{
font-size: 72px;
}

#content .subjectline{
text-align: center;
/*background-color: #65CFE9;*/
height: 6px;
}

#content h1{
margin-top: 20px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}
#content h2{
color: #000099;
margin-bottom: 6px;
}
#content h3{
color: #000066;
font-size: 16px;
font-weight: bold;
}
#content h4{
color: #000000;
font-size: 14px;
font-style: italic;
}

#content ul{
margin-left: 1em;
list-style-type: disc;
}
#content ol{
margin-left: 2em;
list-style-type: decimal;
}
#content dd{
padding-left: 2.5em;
}
#content dt{
font-weight: bold;
}
#content dd{
font-style: italic;
}
#content li{
margin: 8px;
}
#content li a{
padding: 4px;
}

#content table{
color: #000000;
margin-top: 12px;
margin-bottom: 12px;
}
#content table td{
padding-top: 16px;
padding-right: 8px;
padding-bottom: 16px;
padding-left: 8px;
}
#content form table td{
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
}

#content label{
color: #000000;
font-weight: bold;
}
#content input.boton{
color: #000000;
font-weight: bold;
padding: 8px;
}
/* ******************************************************************************************* */
#sidebar{
/*text-align: center;*/
width: 200px;
float: left;
}

#sidebar .animaweb{
text-align: center;
margin-top: 25px;
}

#sidebar h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 8px;
margin-left: 5px;
}

#sidebar ul{
padding: 0;
margin: 0;
list-style: none;
}

#sidebar li{
padding: 0;
margin: 0;
}

#sidebar a{
color: #000066;
font-size: 12px;
font-weight: bold;
text-decoration: none;
display: block;
padding: 8px;
}
#sidebar a:hover{
color: #FFFFFF;
background-color: #000066;
}
/* ******************************************************************************************* */
#footer{
text-align: center;

background-image: url(imagenes/bg_main_content.gif);
width: 630px;
float: right;
}

#footer ul{
padding: 0;
margin: 0;
list-style: none;
}
#footer ul li{
text-align: center;
width: 160px;
margin-right: 25px;
margin-bottom: 10px;
margin-left: 25px;
float: left;
}

#footer a{
color: #000066;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
display: block;
padding-top: 8px;
padding-bottom: 8px;
}
#footer a:hover{
color: #FFFFFF;
/*color: #65CFE9;*/
background-color: #000066;
}