@charset "utf-8";
/* CSS Document. Desarrollado por Álvaro López Sánchez */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* cabezal */
.header {width: 100%; height: 207px; background-image:url(images/cabezal.png); margin:0px 0px 0px 0px; padding:0px;}
.cabezal{width:1024px; height: 207px; background:#FFFFFF url(images/cabezalbanner.png) no-repeat; margin: 0 auto; padding: 0px;}


/* Menucabezal */
.menucabezal {width:100%; height:60px; margin-top: 0px;}
.menucabezal ul{width:100%; height:60px; position:relative; margin-top:0px;}
.menucabezal ul li{display:inline;float:left;margin-top: 107px;padding: 0px; list-style-type:none;}
.menucabezal ul li.inicio a{width:120px; height:60px; float:left; background:url(images/Inicio.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.inicio a:hover{width:120px; height:60px; float:left; background:url(images/Iniciohover.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.marketing a{width:120px; height:60px; float:left; background:url(images/Marketing.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.marketing a:hover{width:120px; height:60px; float:left; background:url(images/Marketinghover.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.web a{width:120px; height:60px; float:left; background:url(images/Web.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.web a:hover{width:120px; height:60px; float:left; background:url(images/Webhover.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.musica a{width:120px; height:60px; float:left; background:url(images/Musica.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.musica a:hover{width:120px; height:60px; float:left; background:url(images/Musicahover.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.portafolio a{width:120px; height:60px; float:left; background:url(images/Portafolio.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.portafolio a:hover{width:120px; height:60px; float:left; background:url(images/Portafoliohover.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.blog a{width:120px; height:60px; float:left; background:url(images/Blog.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.blog a:hover{width:120px; height:60px; float:left; background:url(images/Bloghover.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.contacto a{width:120px; height:60px; float:left; background:url(images/Contacto.png); margin-top:0px; padding: 0px; list-style-type:none; }
.menucabezal ul li.contacto a:hover{width:120px; height:60px; float:left; background:url(images/Contactohover.png); margin-top:0px; padding: 0px; list-style-type:none; }

/* Contenedor */

.container { width: 960px; margin: 20px auto; position:relative; display:block; }

/*-----------------------------------------------------INDEX.PHP--------------------------------------------------------*/

/* Base Galería */

.basegaleria {
display:block;
position:relative;
width: 620px; 
height: 400px; 
float: left; 
background:url(images/contenedorgaleria.jpg);
}

/* Base Descripción Yo */

.basesnake {
display:block;
position:relative;
width: 300px; 
height: 380px; 
float: right; 
padding-top:20px;
background:url(images/contenedorderecho.jpg) no-repeat;
}

.alvarolopez {
display:block;
position:relative;
width: 260px; 
height: 230px; 
margin: 0 auto; 
background:url(images/Lopez.jpg);
}

.basesnake h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#333333;
}

.basesnake p  {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

.basesnake a {
color:#333333;
text-decoration:none;
}

.basesnake a:hover {
text-decoration:underline;
}

/* Ventanas emergentes */

.info h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#c61d1d;
border-bottom:#CCCCCC 1px solid;
}

.info p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

.info a{
color:#333333;
}

#info h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#c61d1d;
border-bottom:#CCCCCC 1px solid;
}

#info p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

#info a{
color:#333333;
}
/* Aquí va la misión  */
.izquierda{
width:620px;
height:200px;
display:block;
position:relative;
float:left;
}

.izquierda h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#c61d1d;
border-bottom:#CCCCCC 1px solid;
}

.izquierda p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}
/* Aquí van los principios */

.derecha{
width:300px;
height:200px;
display:block;
position:relative;
float:right;
}

.derecha h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#c61d1d;
border-bottom:#CCCCCC 1px solid;
}

.derecha p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

/* La parte media */
.premedio{
height:30px;
width:100%;
position:relative;
float:left;
display:block;
background:url(images/prefondo.png);
}

.medio{
height:250px;
width:100%;
position:relative;
float:left;
display:block;
background:#444444;
}

.postmedio{
height:30px;
width:100%;
position:relative;
float:left;
display:block;
background:url(images/postfondo.png);
}

.containerfondo{ width: 960px; height: 220px; margin:  auto; position:relative; display:block; }

.fondoizquierda{
width:450px;
height:200px;
display:block;
position:relative;
float:left;
}

.fondoizquierda h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#FFFFFF;

}

.fondoizquierda p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#FFFFFF;
}

.fondoderecha{
width:450px;
height:200px;
display:block;
position:relative;
float:right;
}

.fondoderecha h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#FFFFFF;

}

.fondoderecha p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#FFFFFF;
}

.container2 { width: 100%; height:400px; margin-top:20px; position:relative; float:left; display:block; }
.contenedorfondo {width: 960px; height:400px; margin: 0 auto;  background:url(images/contenedorfondo.jpg);}

.bajoizquierda{
width:620px;
height:200px;
display:block;
position:relative;
float:left;
}

.bajoizquierda h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#c61d1d;

}

.bajoizquierda p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
padding:10px 20px 0px 20px;
color:#333333;
}

.bajoizquierda a{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
padding:10px 20px 0px 20px;
text-decoration:none;
color:#333333;
}

.bajoizquierda a:hover{
text-decoration:underline;

}

.bajoderecha{
width:300px;
display:block;
position:relative;
float:right;
}

.bajoderecha h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#c61d1d;

}

.bajoderecha h2{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
padding:10px 20px 0px 20px;
color:#333333;
}

.bajoderecha p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
padding:10px 20px 0px 20px;
color:#333333;
}

/*-----------------------------------------------MARKETING------------------------------*/

.contentitulo {
display:block;
position:relative;
width: 620px; 
height: 91px; 
float: left; 
background:url(images/contenedortitulo.jpg);
}

.contentitulo h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:42px;
font-weight:bold;
letter-spacing:-2px;
padding:20px 20px 0px 20px;
color:#333333;

}

.basederecha {
display:block;
position:relative;
width: 300px; 
height: 380px; 
float: right; 
padding-top:20px;
background:url(images/contenedorderecho.jpg) no-repeat;
}

.playa {
display:block;
position:relative;
width: 260px; 
height: 230px; 
margin: 0 auto; 
background:url(images/playa.jpg);
}

.basederecha h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#333333;
}

.basederecha p  {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

.basederecha a {
color:#333333;
text-decoration:none;
}

.basederecha a:hover {
text-decoration:underline;
}

.contemerca {
display:block;
position:relative;
width: 620px;  
float: left; 
margin: 0px 0px 40px 0px;
}

.contemerca h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:10px 20px 0px 20px;
color:#c61d1d;

}

.contemerca p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 10px 20px;
color:#333333;
}

.contemerca a{
color:#333333;
}

.separador{
display:block;
position:relative;
width: 620px; 
height: 36px; 
background:url(images/separador.png);
}

/*-----------------------------------------------WEB---------------------------------*/

.contentituloweb {
display:block;
position:relative;
width: 620px; 
height: 91px; 
float: left; 
background:url(images/contenedortituloweb.jpg);
}

.contentituloweb h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:42px;
font-weight:bold;
letter-spacing:-2px;
padding:20px 20px 0px 20px;
color:#333333;

}

.basederechaweb {
display:block;
position:relative;
width: 300px; 
height: 380px; 
float: right; 
padding-top:20px;
background:url(images/contenedorderecho.jpg) no-repeat;
}

.basederechaweb h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#333333;
}

.basederechaweb p  {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

.basederechaweb a {
color:#333333;
text-decoration:none;
}

.basederechaweb a:hover {
text-decoration:underline;
}

.basebajaweb {
display:block;
position:relative;
width: 300px; 
height: 200px; 
float: right; 
padding-top:20px;

}

.basebajaweb h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
padding:30px 20px 0px 20px;
color:#c61d1d;
}

.basebajaweb p  {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:18px;
padding:10px 20px 0px 20px;
color:#333333;
}

.mujer {
display:block;
position:relative;
width: 260px; 
height: 230px; 
margin: 0 auto; 
background:url(images/mujer.jpg);
}

.conteweb {
display:block;
position:relative;
width: 620px;  
float: left; 
margin: 0px 0px 40px 0px;
}

.conteweb h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:10px 20px 0px 20px;
color:#c61d1d;

}

.conteweb p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 10px 20px;
color:#333333;
}

.conteweb a{
color:#333333;
}
/*-----------------------------------------------MUSICA------------------------------*/

.contentitulomusica {
display:block;
position:relative;
width: 620px; 
height: 91px; 
float: left; 
background:url(images/contenedortitulomusica.jpg);
}

.musical {
display:block;
position:relative;
width: 260px; 
height: 230px; 
margin: 0 auto; 
background:url(images/musical.jpg);
}

.baseparamusica {
display:block;
position:relative;
width: 260px; 
margin: 0 auto;
padding-top:20px;
padding-left:54px; 
}

.contentitulomusica h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:42px;
font-weight:bold;
letter-spacing:-2px;
padding:20px 20px 0px 20px;
color:#333333;

}

.basederechamusica {
display:block;
position:relative;
width: 300px; 
height: 380px; 
float: right; 
padding-top:20px;
background:url(images/contenedorderecho.jpg) no-repeat;
}

.basederechamusica h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#333333;
}

.basederechamusica p  {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

.basederechamusica a {
color:#333333;
text-decoration:none;
}

.contemusica {
display:block;
position:relative;
width: 620px;  
float: left; 
margin: 0px 0px 40px 0px;
}

.contemusica h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:10px 20px 0px 20px;
color:#c61d1d;

}

.contemusica p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 10px 20px;
color:#333333;
}

.contemusica a{
color:#333333;
}

/*-----------------------------------------------PORTAFOLIO------------------------------*/

.contentituloyo {
display:block;
position:relative;
width: 960px; 
height: 91px; 
float: left; 
background:url(images/contenedortituloyo.jpg) no-repeat;
}

.contentituloyo h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:42px;
font-weight:bold;
letter-spacing:-2px;
padding:20px 20px 0px 20px;
color:#333333;

}

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

.contentitulomail {
display:block;
position:relative;
width: 620px; 
height: 91px; 
float: left; 
background:url(images/contenedortitulomail.jpg) no-repeat;
}

.contentitulomail h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:42px;
font-weight:bold;
letter-spacing:-2px;
padding:20px 20px 0px 20px;
color:#333333;

}

.basederechamail {
display:block;
position:relative;
width: 300px; 
height: 380px; 
float: right; 
padding-top:20px;
background:url(images/contenedorderecho.jpg) no-repeat;
}

.basederechamail h1 {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
padding:20px 20px 0px 20px;
color:#333333;
}

.basederechamail p  {
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 0px 20px;
color:#333333;
}

.contacto1 {
display:block;
position:relative;
width: 260px; 
height: 230px; 
margin: 0 auto; 
background:url(images/contacto.jpg);
}

.contemail {
display:block;
position:relative;
width: 620px;  
float: left; 
margin: 0px 0px 40px 0px;
}

.contemail h1{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:10px 20px 0px 20px;
color:#c61d1d;

}

.contemail h2{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 10px 20px;
color:#333333;
}

.contemail p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
padding:10px 20px 10px 20px;
color:#333333;
}

.contemail a{
color:#333333;
}

/*-----------------------------------------------FOOTER------------------------------*/

/* Contenedor */

.containerfooter { width: 100%; height:40px; margin: 0px auto; position:relative; display:block; float:left;   }

.containerfooter p{
font-family:'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
text-align:center;
padding:0px 20px 10px 20px;
color:#333333;
}

.logoend{
display:block;
width:88px;
height:38px;
margin:0 auto;
background:url(images/logoend.jpg);
}