/*  
Theme Nombre: CBM
Theme URI: http://www.centrodebellezamaite.com
Description: Estructura general para la web del Centro de Belleza Maite
Version: 1.1
Author: Ruben Pindado Diaz
Author URL: http://www.doblesiete.com
/* CSS GENERAL
=====================================================================*/
a img {
border: 0;
}
body{
background-image:url(../graficos/fondo.jpg);
background-repeat: repeat;
margin:0;
padding:0;
}
html {
 height: 900px;
 padding: 0;
}
/* POSICION Y MARCO DE LA WEB
=====================================================================*/
#plataforma{
margin:0 auto 0 auto; 
background-image: #FFFFFF;
width:917px;
height:100%;
padding-top:0px;
bottom:0px;
z-index:1;
}
/* BOTONES
=====================================================================*/
#uno {
    background-image:url(../graficos/uno.jpg);
    height:27px;
    width:56px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
    }
#botonuno a{
    background-image:url(../graficos/interiorcontacto.png);
    height:27px;
    width:130px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
    }
    #botonuno a:hover{
    background-image:url(../graficos/Rinteriorcontacto.png);
    }
#botondos a{
    background-image:url(../graficos/interiortratamientos.png);
    height:27px;
    width:130px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
    }
    #botondos a:hover{
    background-image:url(../graficos/Rinteriortratamientos.png);
  }
#botontres a{
    background-image:url(../graficos/interiorpromociones.png);
    height:27px;
    width:130px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
    }
    #botontres a:hover{
    background-image:url(../graficos/Rinteriorpromociones.png);
  }
#botoncuatro a{
    background-image:url(../graficos/interiorregala.png);
    height:27px;
    width:130px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
    }
    #botoncuatro a:hover{
    background-image:url(../graficos/Rinteriorregala.png);
  }
#botoncinco a{
    background-image:url(../graficos/interiortarifas.png);
    height:27px;
    width:130px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
    }
    #botoncinco a:hover{
    background-image:url(../graficos/Rinteriortarifas.png);
  }
#botonseis a{
    background-image:url(../graficos/interiorpidecita.png);
    height:27px;
    width:130px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
    }
    #botonseis a:hover{
    background-image:url(../graficos/Rinteriorpidecita.png);
  }
#dos {
    background-image:url(../graficos/dos.jpg);
    height:27px;
    width:64px;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    float:left;
  }
/* PIEZAS GENERALES
=====================================================================*/
#barrasuperior{
background-image:url(../graficos/barrasuperior.jpg);
background-repeat: repeat;
position:absolute;
left:0;
width:100%;
height:172px;
top:0px;  
z-index:-1;
border: 0px solid #000;
}
#barrainferior{
background-image:url(../graficos/barrainferior.jpg);
background-repeat: repeat;
position:absolute;
left:0;
width:100%;
height:70px;
top:860px !important;
z-index:-1;
border: 0px solid #000;
}
#pelicula{
left:0;
width:917px;
height:828px;
border: 0px solid #000;
}
#contenidos{
position:absolute;
top:164px;
left:0px;
margin-left:0px;
margin-bottom:0px;
bottom:0px;
width:915px;
height:100%;
border: 4px solid #000;
}
#menuinterior{
margin-left:7px;
width:900px;
height:27px;
border: 0px solid #000;
}
#sombraizquierda{
background-image:url(../graficos/sombraizquierda.png);
background-repeat: repeat-y;
float:left;
margin-left:0px;
margin-bottom:0px;
bottom:0px;
width:7px;
height:100px;
border: 0px solid #000;
}
#sombraderecha{
background-image:url(../graficos/sombraderecha.png);
background-repeat: repeat-y;
float:right;
margin-right:0px;
margin-bottom:0px;
bottom:0px;
width:7px;
height:100px;
border: 0px solid #000;
}
/* TODO
=====================================================================*/
#todo{
background: #FFFFFF;
top:0px;
left:0px;
margin-left:7px;
margin-bottom:0px;
width:900px;
height:100%;
border: 0px solid #000;
}
#blanco{
background: #FFFFFF;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
width:900px;
height:100%;
border-right: 0px solid #000;
}
#marcoizquierdo{
position:relative;
background: #FFFFFF;
top:30px;
margin-left:15px;
margin-bottom:0px;
width:240px;
height:90%;
border-right: 1px solid #e3e3e3;
}
#marcoderecho{
position:absolute;
background: #FFFFFF;
top:68px;
left:275px;
width:620px;
height:100%;
border: 0px solid #e3e3e3;
}
#descripciones{
width:550px;
height:100%;
border: 3px solid #e3e3e3;
margin-top:30px;
margin-left:30px;
}

/* CLASES
=====================================================================*/
.titular{
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	text-align:left;
	margin-top:3px;
	margin-left:0px;
	color: #105934;
}
.subtitular{
  	background: #FFFFFF;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	text-align:left;
	margin-top:10px;
	margin-left:3px;
	color: #f96f27;
	border-bottom: 1px solid #f96f27;
}
.minititulo{
  	background: #FFFFFF;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	color: #105934;
	border-bottom: 0px solid #f96f27;
}
.texto{
  	background: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align:justify;
	margin-top:0px;
	margin-left:2px;
	color: #105934;
	border-bottom: 0px solid #f96f27;
}
.textodos{
  	background: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	margin-top:0px;
	margin-left:2px;
	color: #105934;
	border-bottom: 0px solid #f96f27;
}