*								{ margin:0; padding:0;}
a								{ text-decoration:none; color:#858585; outline:none;}
ul,ol,li						{ list-style:none;}
img								{ max-width:100%;}
div                         	{ position: relative }

/*
	GRID SYSTEM
    */

    .row							{ max-width:960px; margin:0 auto; padding:0 20px;}
    .row:after						{ content:""; display:block; height:0; clear:both; }

    .col1, .col2, .col3,
    .col4, .col5, .col6,
    .col7, .col8, .col9,
    .col10, .col11, .col12			{ float:left; margin-left:3.64583%;}

.col1							{ width: 4.8958%;  	/* = (  47px / 960px) * 100   */}
.col2							{ width: 13.5416%; 	/* = ( 130px / 960px) * 100   */}
.col3							{ width: 22.1875%; 	/* = ( 213px / 960px) * 100   */}
.col4							{ width: 30.8333%; 	/* = ( 296px / 960px) * 100   */}
.col5							{ width: 39.4791%; 	/* = ( 379px / 960px) * 100   */}
.col6							{ width: 48.125%;  	/* = ( 462px / 960px) * 100   */}
.col7							{ width: 56.7708%; 	/* = ( 545px / 960px) * 100   */}
.col8							{ width: 65.41667%;	/* = ( 628px / 960px) * 100   */}
.col9							{ width: 74.0625%; 	/* = ( 711px / 960px) * 100   */}
.col10							{ width: 82.70834%; /* = ( 794px / 960px) * 100   */}
.col11							{ width: 91.35417%; /* = ( 877px / 960px) * 100   */}
.col12							{ width: 100%; 		/* = ( 960px / 960px) * 100   */}

.row .col1:first-child			{ margin:0; }
.row .col2:first-child			{ margin:0; }
.row .col3:first-child			{ margin:0; }
.row .col4:first-child			{ margin:0; }
.row .col5:first-child			{ margin:0; }
.row .col6:first-child			{ margin:0; }
.row .col7:first-child			{ margin:0; }
.row .col8:first-child			{ margin:0; }
.row .col9:first-child			{ margin:0; }
.row .col10:first-child			{ margin:0; }
.row .col11:first-child			{ margin:0; }
.row .col12:first-child			{ margin:0; }


/*

	LAYOUT

    */
    html,body						{ height:100%;}

    body							{ background:url(../imagenes/dark_dotted.png);font-family: Asap, sans-serif; font-size: 0.825em; color:#FFF;}

    h1								{ background: url(../imagenes/logo.gif) no-repeat; width: 192px; height: 72px; text-indent: -9999px; position:relative; top:20px; float: left; }
    h1 a							{ width:192px; height:72px; display:block; }


    .header							{  background:url(../imagenes/fondoNAV.jpg) no-repeat center; height:115px; }
    .cabecera						{  background:#000; border-bottom:.1px rgba(153,153,153,.3) solid;}

    .nav							{ line-height: 37px; float: right; margin-top: 40px; padding:0 8px; font-size:1.2em; font-family: 'Anonymous Pro', sans-serif;}   
    .nav li							{ float:left; color:#999; height:44px; position:relative; background: rgba(255,255,255,0.6); margin: 0 2px;}
    .nav li a						{ line-height: 43px; text-decoration:none; display:block; padding:0 12px; color:#DDD; text-align:center; color:#000; font-size:.9em; font-weight:500; }
    .nav li a:hover					{ color:#a50d16; }
    .nav li a              			{ -moz-transition: all .5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

    #index .nav li .indexHeader				{ color:#a50d16;}
    #empresa .nav li .empresaHeader			{ color:#a50d16;}
    #cursos .nav li .cursosHeader			{ color:#a50d16;}
    #contacto .nav li .contactoHeader		{ color:#a50d16;}
    #clientes .nav li .clientesHeader		{ color:#a50d16;}
    #noticias .nav li .noticiasHeader		{ color:#a50d16;}
    #gallery .nav li .galleryHeader			{ color:#a50d16;}
    #login .nav li .loginHeader				{ color:#a50d16;}


    #page-wrap						{ width: 100%; margin:0 auto; min-height:100%; line-height: 20px; }	
    #page-wrap:after				{ content:""; display:block; height:120px; }						


    .footer							{ width: 100%; height: 120px; margin: -120px auto 0; background:url(../imagenes/fondo-Pie.png) repeat-x; opacity:.8;}
    .footerContent					{ float:right; width:200px;}
    .footerContent img				{ width:50px; height:auto; float:left; margin:0 auto; padding:12px 8px;}



    .fondoParrafo					{ background:rgba(255, 255, 255, 0.1); border-radius:3px; padding:20px 20px 20px; margin:15px auto; }

    .header select					{ position:relative; width:100%; float:right; top:50px; display:none;}

    .acceso							{ padding-left:10px; padding-top:2px }
    .acceso	a						{ text-transform:uppercase; background:url(../imagenes/login.png) no-repeat center left;}


    /*-----------------------------------INDEX-----------------------------------*/




    .heroSlide						{ background:rgba(0,0,0,.1); width:auto; padding:5px 0}

    .slideshow 						{ height: 420px; width: 958px;  margin:40px auto; }

    .content						{ background:rgba(0,0,0,.1); border-radius: 4px 4px 4px 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); margin:25px auto; }

    .medio 							{ padding:17px 10px; }
    .medio h2						{ color:#D01822; padding:12px 0; font-family: 'Droid Serif', serif;}
    .medio h3						{ font-family: 'Droid Serif', serif;}


    .intro							{ border-bottom:#666 1px solid; padding-bottom:25px;}

    .pie p							{ height: 65px; padding: 20px 0 0 80px; border-radius:7px;}
    .pie1				   			{ background: url("../imagenes/icn_soldadura_inicio.png") no-repeat;}
    .pie2							{ background:url("../imagenes/icn_energia_inicio.png") no-repeat;}
    .pie3							{ background:url("../imagenes/icn_servicontrol.png") no-repeat;}

    .bajo							{ padding-bottom:30px;}

    .infoindex						{ background-image:url(../imagenes/bordeRojo.png); background-position:center top; background-repeat: repeat-x; border-bottom: 1px solid #999;  border-left: 1px solid #999;
       border-right: 1px solid #999; padding: 16px 8px 30px; width:26%; margin-top:80px;}
       .infoindex h3					{ padding-bottom:12px;}

       .colab 							{ width:256px; height:59px;}
       .colab li						{ padding-bottom:12px; margin-left:12px;}

       .mail							{ background:url(../imagenes/Email.png); background-position:center left; background-repeat:no-repeat; padding:15px 45px;  }
       .phone							{ background:url(../imagenes/Telephone.png); background-position:center left; background-repeat:no-repeat; padding:15px 45px; }
       .address						{ background:url(../imagenes/Location.png); background-position:center left; background-repeat:no-repeat; padding:15px 45px; }



       /*-----------------------------------GALERIA-----------------------------------*/



       #galeria						{ padding-left:9px; padding-top:15px; padding-bottom:15px; }
       #galeria a						{ display:block; float:left; border:#CCC solid .1px; padding:6px}
       #galeria img					{ opacity:0.5;}
       #galeria img:hover				{ opacity:1;}
       #galeria h2						{ color:#CCC; padding-bottom:10px; font-size:2em; font-family: 'Droid Serif', serif;}




       /*-----------------------------------EMPRESA-----------------------------------*/



       .separ							{ padding-top:12px; padding-bottom:12px; margin:30px auto;}
       .separ div p 					{ line-height:185%;}
       .separ div img					{ display:block; margin:auto;  }
       .fotoParrafo2					{ padding-right:25px; }
       .strongTitulo					{ color:#F00; font-family:'Asap', Helvetica, sans-serif; font-size:24px; padding-right:4px;}
       .fotoParrafo2					{ padding-left:10px;}


       /*-----------------------------------CURSOS-----------------------------------*/


       #navegacionCursos				{ background:rgba(0,0,0,.1)}
       .navCursos						{ padding-top:30px; margin:auto; height:70px; }
       .navCursos li a					{ float:left; padding:0 48px; font-size:1m; font-weight:500;  }
       .navCursos li a:hover			{ color:#FFFFFF;  }


       .cuadroCursos					{ border:#d9d9d9 solid 1px;border-top:#d01822 solid 2px; padding:25px 12px; margin:15px auto; width:700px; border-radius:2px; box-shadow: 0 0 18px #000;}
       .cuadroCursos	h2				{ padding-bottom:12px; padding-left:10px; text-decoration:underline;}
       .cuadroCursos *					{ padding-left:30px; }
       .listaCursos li					{ list-style:circle inside; padding-left:10px; padding:10px 0; font-weight:700;}
       .cuadroCursos p					{ font-size:1em;}
       .contenidoCursos img			{ display:block; margin:20px auto; border-radius:3px; box-shadow: 0px 0px 2px #000; padding:12px;}
       .contenidoCursos				{ margin:20px auto;}

       .notasCursos p                  { font-style: italic; color: #d8d8d8; margin: 5px 0;}

       .asterisco						{ font-size:0.9em !important; padding-top:15px ;}


       /*-----------------------------------CONTACTO-----------------------------------*/



       .contactoForm					{ background-image:url(../imagenes/bordeRojo.png); background-position:center top; background-repeat: repeat-x; border-bottom: 1px solid #999;
         border-left: 1px solid #999;	border-right: 1px solid #999; padding: 16px 8px 15px; width:26%; margin-top:20px; margin-bottom:20px;}

         .map							{ padding:15px 0 15px 0;}
         .info							{ background-image:url(../imagenes/bordeRojo.png); background-position:center top; background-repeat: repeat-x; border-bottom: 1px solid #999;  
           border-left: 1px solid #999; border-right: 1px solid #999;}
           .info h3						{ padding-bottom:12px;}


           /*-----------------------------------NOTICIAS-----------------------------------*/



           .acordeon							{ margin:40px auto; padding:20px 30px; border-bottom:none; cursor:pointer; box-shadow: 0px 0px 4px #000; font-size:13px;}
           .acordeon h3						{ padding:8px 14px; font-weight: normal; background:url(../imagenes/fondo-Pie.png); opacity:.6; border-bottom:1px solid #999; position:relative; border-radius:5px; margin:10px 0; 
              font-family:'Anonymous Pro', Helvetica, sans-serif}
              .acordeon h3 span					{ position:absolute; right:20px; top:16px; width:0; height:0; display:block; border-left:9px solid #000; border-top: 5px solid transparent;
                 border-bottom: 5px solid transparent;}
                 .acordeon li						{ padding:5px 14px; font-size:1.1em; }

                 .actual								{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); o-transform:rotate(90deg); transform:rotate(90deg); }
                 .acordeon h3 span					{ -moz-transition:all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

                 .acordeon ul li small				{ background:rgba(0,0,0,.6); padding:6px 15px; border-radius:3px; color:#CCC; box-shadow: 0px 0px 2px #000; margin:12px 0; display:inline-block; margin:3px 3px;}

                 .orden li							{ list-style:inside; margin-left:15px; }


                 .centrarImg							{ display:block; margin:0 auto;}
                 .acordeon ul li img					{ border-radius:3px; box-shadow: 0px 0px 2px #000; padding:12px;}




                 /*-----------------------------------CLIENTES-----------------------------------*/

                 .clientes							{ margin-top:1%; margin-bottom:2%; background:rgba(0,0,0,.1); padding:15px 25px}
                 .clientes h3						{ font-family: 'Droid Serif', serif; padding-top: 24px; padding-bottom: 22px;}
                 .clientes h2						{ color:#D01822; padding:6px 0; font-family: 'Droid Serif', serif;}

                 .clientes ul						{ padding-top:12px; }
                 .clientes li						{ list-style:inside; padding:8px 0;}
                 .clientes ul p						{ padding-left:18px;}

                 .colabor li							{ list-style:none; background:rgba(0,0,0,.6); margin:5px; text-align:center; width:275px;  box-shadow: 0 0 1px rgba(255, 255, 255, 0.4); float:left; }					




                 /*-----------------------------------NUEVO FORM-----------------------------------*/

                 .contacto{
                   padding: 56px 45px 56px 125px;
                   margin-top: 50px;
                   background:rgba(0,0,0,.1);
               }
               .contacto label{
                   display: block; 
               }
               .contacto div{
                   margin-bottom: 15px;
               }
               .contacto input[type='text'], .contacto textarea{
                   padding: 7px 6px;
                   width: 80%;
                   border: 1px solid #CED5D7;
                   resize: none;
                   box-shadow:0 0 0 3px #EEF5F7;
                   margin: 5px 0;
               }
               .contacto input[type='text']:focus, .contacto textarea:focus{
                   outline: none;
                   box-shadow:0 0 0 3px #FC0;
               }
               .contacto input[type='text'].invalido, .contacto textarea.invalido{
                   box-shadow:0 0 0 3px #FFC9C9;
               }
               .contacto input[type='submit']{
                   border: 1px solid #CED5D7;
                   box-shadow:0 0 0 3px #EEF5F7;
                   padding: 8px 16px;
                   border-radius: 2px;
                   text-shadow: 1px 1px 0px white;
               }
               .contacto input[type='submit']:hover{
                   background: #edfcff; 
                   background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
                   background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
               }
               .contacto input[type='submit']:active{
                   background: #cfe6ef; 
                   background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
                   background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
               }
               .error{
                background-color: #BC1010;
                border-radius: 4px 4px 4px 4px;
                color: white;
                font-weight: bold;
                margin-left: 16px;
                margin-top: 6px;
                padding: 6px 12px;
                position: absolute;
            }
            .error:before{
                border-color: transparent #BC1010 transparent transparent;
                border-style: solid;
                border-width: 6px 8px;
                content: "";
                display: block;
                height: 0;
                left: -16px;
                position: absolute;
                top: 8px;
                width: 0;
            }



            .error{
                background-color: #BC1010;
                border-radius: 4px 4px 4px 4px;
                color: white;
                font-weight: bold;
                margin-left: 16px;
                margin-top: 6px;
                padding: 6px 12px;
                position: absolute;
            }
            .error:before{
                border-color: transparent #BC1010 transparent transparent;
                border-style: solid;
                border-width: 6px 8px;
                content: "";
                display: block;
                height: 0;
                left: -16px;
                position: absolute;
                top: 8px;
                width: 0;
            }
            .result_fail{
                background: none repeat scroll 0 0 #BC1010;
                border-radius: 20px 20px 20px 20px;
                color: white;
                font-weight: bold;
                padding: 10px 20px;
                text-align: center;
            }
            .result_ok{
                background: none repeat scroll 0 0 #1EA700;
                border-radius: 20px 20px 20px 20px;
                color: white;
                font-weight: bold;
                padding: 10px 20px;
                text-align: center;
            }





            .infoancho					{ width:200px; height:30px; position:fixed; font-size:2em; z-index:100;  top:0; float:right;  text-align:center; background:rgba(255,0,0,.6); color:#FFF}





            /*-----------------------------------LOGIN-----------------------------------*/


            .log								{ width:400px; height:400px; top:50%; left:50%; margin-left:-200px; margin-top:50px;}







            .login-wrap .mensaje {
                text-shadow: 0 1px 0 #EEE;
                color: #222;
                text-align: center;
                width: 600px;
                padding: 15px 0 0;
                margin: 0 auto;
                margin-top: 110px;
            }

            .login-wrap h2 {
                font-size: 28px;
                margin: 0;
            }

            form#form-logeo {
                width: 280px;
                margin: 15px auto;
                background: url("image/separador.png") no-repeat top center;
                padding-top: 30px;
            }

            form.generic .field {
                margin-bottom: 10px;
            }

            form.generic label {
                display: block;
                font-weight: bold;
                font-size: 14px;
                color: #CCC;
                text-shadow: 0 1px 0 #EEE;
                margin-bottom: 8px;
            }

            form#form-logeo input.text {
                width: 258px;
            }

            form.generic input.text {
                font-size: 14px;
                border-color: #DDD;
                -webkit-transition: border-color .2s linear;
                -moz-transition: border-color .2s linear;
                border: 1px solid #BBB;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                box-shadow: 0 1px 0 #eee;
                -webkit-box-shadow: 0 1px 0 #eee;
                -moz-box-shadow: 0 1px 0 #eee;
                display: block;
                width: auto;
                border-image: initial;
            }

            form input.text, form input.search, .contact-wrapper textarea {
                padding: 10px;
                margin: 0;
                font: 14px "HelveticaNeue", Helvetica, Arial, sans-serif;
            }

            form.generic label span {
                color: #878787;
                font-weight: normal;
            }

            form.generic .btnlogeo {
                overflow: hidden;
            }

            form.generic #login-submit {
                height: 36px;
                width: 280px;
                padding: 0 0 1px;
            }

            form.generic a.button, form.generic #login-submit {
                cursor: pointer;
                display: block;
                line-height: 34px;
                padding: 0 20px;
                font-size: 12px;
                font-weight: bold;
                font-family: inherit;
                background-color: #00A5F0;
                color: white;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border: 1px solid rgba(0, 0, 0, .2);
                box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
                -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
                -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
                text-shadow: 0 -1px rgba(0, 0, 0, .2);
                text-align: center;
                border-image: initial;
            }

            .bodyAnadido					{ background:rgba(204,204,204,1);}
            .anadido						{ background:url(../imagenes/ok.png) no-repeat center; text-transform:uppercase; height:200px; font-size:20px; color:rgba(51,51,51,1)}
            .bodyAnadido div				{ position:absolute; top:50%; left:50%; height:300px; width:400px; margin-left:-200px; margin-top:-150px;}

            .tablaAnadir					{ position:absolute; top:50%; left:50%; height:300px; width:400px; margin-left:-200px; margin-top:-150px; font-size:16px;}

            .tablaAnadir form input:focus	{ border:#FFCC33 2px solid;}















            /*-----------------------------------MEDIA-QUERYS-----------------------------------*/



            /* TABLETS & NETBOOK */


            @media only screen and (max-width:480px)
            {


                .pie p							{ height:auto; width:100%; }
                .colabslide						{ display:none;}

                .fotoParrafo2					{ padding-bottom:20px; padding-right:0;}

                .cuadroCursos					{ width:auto;}
                .contenidoCursos img			{ width:80%;}

                .pie							{ width:80% !important;}

                .info							{ display:none;}

                .colabor li						{ width:90%; }

                .contacto						{ padding:0; width:100%;}


            }

            @media