body{padding:0; margin:0; font:normal 12px "Trebuchet MS",Arial,sans-serif; background:url(../img/fondosombra.png) #7f7f7f repeat-y scroll center;color:#fff;  }
a {outline:0px;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{margin:0; padding:0;}
h1{display:none;} 
h4{font-weight:bold; color:#6a0002;}


/* ----------------------------- HEADER----------------------------- */
#header{display: table; margin:auto; width: 922px; padding:0 0 0 0; margin-top:10px; background:url(../img/head.png) repeat;}
#logo{margin-top:25px; margin-left:20px; margin-bottom:5px; width:285px; float:left;}
#logo img{border:0px;}
#repa{margin-top:25px; margin-right:20px; width:300px; height:71px; float:right; display: inline;}
#repa p{float:right; color:#adcf20; text-align:right; width: 100%;}



/* ----------------------------- MENU ----------------------------- */
#menu{margin:0 auto; position:relative; background:url(../img/fondoMenuSuperior2.png) 0 0 no-repeat;height: 38px; 
width: 922px;/*border:#ffffff solid 1px;*/}

ul{margin:0; padding:0; list-style-type:none;}
#menu ul{width:610px; height:37px; margin:0 auto; padding:0; }
#menu ul li{float:left;}
#menu ul li a{display:block; padding:0 25px 0 25px; font: 11px/38px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;	
text-decoration:none; text-transform:uppercase; float:left;}
#menu ul li a:hover{background:url(../img/fondoMenuSuperiorPasarMouse2.gif) 0 0 repeat-x; padding:0 25px 0 25px; color:#FFFFFF; }
#menu ul li a:active{background:url(../img/fondoMenuSuperiorActive.gif) 0 0 repeat-x ; padding:0 25px 0 25px; color:#FFFFFF; }
#menu ul li a.seleccionado{float:left; font: 11px/38px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#131313; text-decoration:none;
text-transform:uppercase; background:url(../img/fondoMenuSuperiorHover2.gif) 0 0 repeat-x ; padding:0 25px 0 25px;  }
#menu img {border:none; width:27px;height:27px;padding-top:1px;float:right; margin-right:10px; margin-top:-33px;}

/* ----------------------------- COLUMNAS ----------------------------- #e9e5e2*/
#columnas{display: table; margin:auto; width: 922px; color:#000;background:#333335;padding:0px;padding-bottom:20px;}
#columnaIzq{width:682px; float:left;}
#columnaIzq img{border:none;}
#columnaDer{background:#e1ddda; color:#363636;width:200px; float:left; display: inline; padding:10px;}
#columnaDer p{line-height:20px;text-align:justify;height:100%}
#columnaDer h3{color:#e19e0e;}


/* ----------------------------- FOOTER ----------------------------- */
#footer{display: table; width:922px; margin:auto; position:relative; height:45px; background:url(../img/foot.png) no-repeat;margin-bottom:10px;}

#facebook{width:300px; height:32px;float:left; margin-top:6px; margin-left:40px;}
#facebook img{border:0px;}


#SP p{position:relative; text-align:center; padding-top:15px; font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}





/*------------------------------ INDEX -----------------------*/

#cursos{width:924px; height:auto;float:left; margin-top:0px;margin-bottom:10px;}
a#curso1 {display: block; width: 308px; height: 106px; float:left; background-image: url(../img/curso1a.png); margin: 0;}
a#curso1:active {background-image: url(../img/curso1a.png);}
a#curso1:hover {background-image: url(../img/curso1b.png);}

a#curso2 {display: block; width: 308px; height: 106px; float:left; background-image: url(../img/curso2a.png); margin: 0;}
a#curso2:hover {background-image: url(../img/curso2b.png);}
a#curso3 {display: block; width: 308px; height: 106px; float:left; background-image: url(../img/curso3b.png); margin: 0;}
a#curso3:hover {background-image: url(../img/curso3a.png);}
/*a#curso4 {display: block; width: 231px; height: 106px; float:left; background-image: url(../img/curso4b.png); margin: 0;}
a#curso4:hover {background-image: url(../img/curso4a.png);}
*/

#columnaBien{width:590px; height:auto;float:left; margin-top:10px;margin-bottom:10px; margin-left:40px; float:left; border-right: 1px dotted #68686c; border-bottom: 1px dotted #68686c;}
.bienvenido1{font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#adcf20; }
.bienvenido2{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:10px;}
.bienvenido3{font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:10px;}
.bienvenido4{font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#adcf20; margin-top:20px;}

#columnaNuevo{padding-left:8px; width:230px; float:right; margin-top:10px; margin-bottom:10px; margin-right:40px;}
.nuevo1{font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#adcf20;margin-bottom:10px;}
.nuevo2{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; margin-bottom:2px;}
.nuevo3{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:10px;border-bottom: 1px dotted #68686c;}


a#button1 {display: block; width: 230px; height: 94px; float:left; margin-top:10px; margin-bottom:10px; border-bottom: 1px dotted #68686c;
    background-image: url(../img/descarga1.png);
    margin: 0 auto;}
a#button1:hover {background-image: url(../img/descarga2.png);}

a .alt { display: none; }

/*------------------------------ EMPRESA -----------------------*/
#columnaBien2{width:790px; float:left; padding-top:12px;margin-bottom:10px; margin-left:60px; margin-right:60px; float:left; }
.cb1{font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#adcf20; }
.cb2{font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:10px;}
.cb9{font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:10px; margin-bottom:100px;}
/*------------------------------ CONTACTO -----------------------*/

#formularioContactenos{ height:280px; border:solid 2px #7f7f7f; background:#333335; margin:0 auto; width:460px; padding:14px;}
#formuColumnaIzq{width:210px; height: 190px; float:left; }
#formularioContactenos h3 {font-size:14px; font-weight:bold; margin-bottom:8px; margin-top:5px; color:#fff;}
#formularioContactenos p{font-size:11px; color:#fff; margin-bottom:20px; border-bottom:solid 1px #bfbfbf; padding-bottom:10px;}
#formularioContactenos label{font-weight:bold; text-align:left; padding:2px 2px; width:200px; float:left; color:#fff;}
#formularioContactenos input{float:left; font-size:12px; padding:4px 2px; border:solid 1px #7f7f7f; width:190px; margin-bottom:5px;}
#formularioContactenos textarea{float:left; font-size:12px; padding:4px 2px; border:solid 1px #7f7f7f; width:240px; height: 120px; 
margin-bottom:5px;}
#formularioContactenos input:focus, textarea:focus{background-color: #bfbfbf;} 
#formuBoton .submit{background-color: #666666; color:#fff; width:250px;}

/*------------------------------ SERVICIOS-----------------------*/
#logos{width:830px; height:auto;float:left; margin-top:20px;margin-bottom:5px; margin-left:90px; }
a#logo1 {display: block;width: 103px; height: 25px; float:left; background-image: url(../img/logo1b.png); margin: 0;margin-left:20px;cursor: default;margin-top:20px;}
a#logo1:hover {background-image: url(../img/logo1a.png);}
a#logo2 {display: block; float:left;width: 43px; height: 28px; background-image: url(../img/logo2b.png); margin: 0;margin-left:20px;cursor: default;margin-top:20px;}
a#logo2:hover {background-image: url(../img/logo2a.png);}
a#logo3 {display: block; width: 98px; height: 27px;float:left; background-image: url(../img/logo3b.png); margin: 0; margin-left:20px;cursor: default;margin-top:20px;}
a#logo3:hover {background-image: url(../img/logo3a.png);}
a#logo4 {display: block; width: 121px; height: 17px; float:left; background-image: url(../img/logo4b.png); margin: 0; margin-left:20px;cursor: default;margin-top:25px;}
a#logo4:hover {background-image: url(../img/logo4a.png);}
a#logo5 {display: block; width: 78px; height: 25px; float:left; background-image: url(../img/logo5b.png); margin: 0; margin-left:20px;cursor: default; margin-top:20px;}
a#logo5:hover {background-image: url(../img/logo5a.png);}
a#logo6 {display: block; width: 152px; height: 25px; float:left; background-image: url(../img/logo6b.png); margin: 0; margin-left:20px;cursor: default; margin-top:20px; margin-bottom:80px;}
a#logo6:hover {background-image: url(../img/logo6a.png);}

#padding-b {}

/*------------------------------ CURSOS -----------------------*/
#curso1{width: 287px; height: 385px; background-image: url(../img/cursos1.png); margin-top:12px; margin-left:30px; float:left;}
#curso2{width: 287px; height: 385px; background-image: url(../img/cursos2.png); margin-top:12px; margin-left:0; float:left;}
#curso3{width: 287px; height: 385px; background-image: url(../img/cursos3.png); margin-top:12px; margin-left:0; float:left;}

#curso1 {margin-bottom:80px;}

.cb3{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cfd8c5;margin-top:80px; margin-left:12px;}
.cb3 p {margin-top:8px;}
.cb3 a {float:right; margin-top:130px; margin-right:12px; display:block; color:#cfd8c5; text-decoration:none; text-transform:uppercase;}
.cb3 a:hover {color:#FFFFFF;}

.cb4{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cdd6c4;margin-top:80px; margin-left:12px;}
.cb4 p {margin-top:8px;}
.cb4 a {float:right; margin-top:123px; margin-right:12px;display:block; color:#cdd6c4; text-decoration:none; text-transform:uppercase; }
.cb4 a:hover {color:#FFFFFF;}

.cb5{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#b1cae9;margin-top:80px; margin-left:12px;}
.cb5 p {margin-top:8px;}
.cb5 a {float:right; margin-top:72px; margin-right:12px;display:block; color:#b1cae9; text-decoration:none; text-transform:uppercase; }
.cb5 a:hover {color:#FFFFFF;}

#armado{width: 858px; height: 1960px; background: url(../img/Carmado.png) #274f05 no-repeat; margin-top:12px; margin-left:30px; float:left;}
.cb6{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:80px; margin-left:12px;}
.cb6 p {margin-top:8px;}
.cb6 a {float:right; margin-top:20px; margin-right:12px;display:block; color:#cfd8c5; text-decoration:none; text-transform:uppercase; }
.cb6 a:hover {color:#FFFFFF;}

#redes{width: 858px; height: 1120px; background: url(../img/Credes.png) #31560c no-repeat; margin-top:12px; margin-left:30px; float:left;}
.cb7{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:80px; margin-left:12px;}
.cb7 p {margin-top:8px;}
.cb7 a {float:right; margin-top:20px; margin-right:12px;display:block; color:#cfd8c5; text-decoration:none; text-transform:uppercase; }
.cb7 a:hover {color:#FFFFFF;}

#operador{width: 858px; height: 2000px; background: url(../img/Coperador.png) #102e54 no-repeat; margin-top:12px; margin-left:30px; float:left;}
.cb8{font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;margin-top:80px; margin-left:12px;}
.cb8 p {margin-top:8px;}
.cb8 a {float:right; margin-top:20px; margin-right:12px;display:block; color:#8cb9f5; text-decoration:none; text-transform:uppercase; }
.cb8 a:hover {color:#FFFFFF;}

/*------------------------------ DISEŅO WEB -----------------------*/
#dweb{width: 860px; height: 385px; background-image: url(../img/web.png); margin-top:12px; margin-left:30px; float:left; margin-bottom:80px;}
