@charset "UTF-8";
/* CSS Document */

/*DIRECTORIO*/
.directorio{ margin:auto; width:960px;}
.directorio .contactos{ background:#f8f8f8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-bottom:30px;}
.directorio h1{padding:5px 0px; width:960px;font:100 50px/54px 'Oswald','Arial',serif;color:#8e9ba9; margin:0px 15px;}

.directorio #puntocom{}
.directorio #elnorte{display:none;}

.directorio .general{ background-color:#f8f8f8; padding-bottom:20px;}
.directorio .tit{ font:300 24px/30px 'Oswald', 'Helvetica', 'Arial', serif; color:#FFF; padding:20px 20px 0px 20px;}
.directorio .subtit{ font:300 16px/30px 'Oswald', 'Helvetica', 'Arial', serif; color:#4a4e50;}
.directorio .texto{font: lighter 14px/16px 'Helvetica', 'Arial', sans-serif; color:#999; padding:0px 20px; margin-top:10px;}

.directorio .co1{float:left; width:200px;}
.directorio .co2{float:left; width:350px;}
.directorio .co3{float:left; width:200px;}

.directorio .menu{background:#4a4e50;}
.directorio .menu .btn{ margin:2px 0px 0px 2px; background:#4a4e50; font:300 16px/30px 'Oswald', 'Helvetica', 'Arial', serif; color:#999; float:left; padding:0px 10px; cursor:pointer;}
.directorio .menu .btn:hover{background:#09f; color:#fff;}
.directorio .menu .on{background: #f8f8f8; color:#333;}

.directorio .col{width:260px; margin:auto;}
.directorio .col1{width:260px; margin:0px 15px 0px 0px; padding:5px 20px; float:left;}
.directorio .col2{width:260px; margin:0px 15px; padding:5px 20px; float:left;}
.directorio .col3{width:260px; margin:0px 0px 0px 15px; padding:5px 20px; float:left;}

.directorio .col1_2{width:260px; margin:0px 15px 0px 0px; padding:5px 100px; float:left;}
.directorio .col2_2{width:260px; margin:0px 15px 0px 0px; padding:5px 100px; float:left;}


.directorio .separa{height:20px; background:url(../imgdiseno/separa.png);}

.directorio .inimail{background: #ccc; border-radius:19px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-border-radius:19px; width:40px; height:40px; float:left; margin-right:10px; overflow:hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.directorio .iniciales{-webkit-backface-visibility:hidden; width:40px; text-align:center; font: 18px/40px 'Helvetica', 'Arial', sans-serif; color:#999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; height:32px; padding-top:8px;}
.directorio .contacto{cursor:pointer; position:relative; margin:20px 0px;}
.directorio .contacto:hover .inimail{background:#09F;}
.directorio .contacto:hover .iniciales{margin-top:-32px;}
.directorio .contacto:hover .nombre{color:#000;}

.directorio #elnorte .contacto{margin:20px 0px 60px;}
.directorio #elnorte .vacio{margin:20px 0px 60px;}

.directorio .mail{text-align:center; font: lighter 36px/40px 'Helvetica', 'Arial', sans-serif; color:#999;}
.directorio .mascara{position:absolute; margin:-1px 0px 0px -1px;}
.directorio .nombre{color:#989898; font: 15px/24px 'Helvetica', 'Arial', sans-serif;}
.directorio .posicion{color:#4a4e50; font: 12px/16px 'Helvetica', 'Arial', sans-serif;}
.directorio .vacio{height:40px; margin:20px 0px;}

#envioContacto{ width:500px;}
.envioContacto {padding:20px 20px 60px 20px; background: url(../imgdiseno/art/bg_header.png); font:'Helvetica', 'Arial', sans-serif; color:#CCC;}
.envioContacto h1{font: 500 24px/36px 'Oswald', 'Arial', sans-serif; color:#fff;}
.envioContacto h3{font: 18px 'Helvetica', 'Arial', sans-serif; margin-bottom:30px;}
.envioContacto h4{font: 16px 'Helvetica', 'Arial', sans-serif;}
.envioContacto input{width:420px; margin:5px 0px;}
.envioContacto textarea{width:420px; margin:5px 0px;}
.envioContacto .boton{ margin:10px 10px 10px 0px;cursor:pointer;}

/*cartas*/
#velo{ width:100%; background:url(../imgdiseno/art/bg_velo.png); background:rgba(0,0,0,.8);}

#box_art{
	width: 960px;
	height: auto;
	margin: auto;
	background: #444;
	position: relative;
	background: url(../imgdiseno/art/bg_header.png);
	-webkit-box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	overflow: hidden;
	background-image: url(../imgdiseno/art/bg_header.png);
}

#textocarta{ font:14px/20px Helvetica, Arial, sans-serif; margin: 0px 140px 30px 140px; color: #333;}

.titulo480{left:0; width:780px;}
.titulo480 h1 {font: 400 58px/63px 'Oswald', "Arial Narrow", sans-serif; margin:15px 50px;}
.anotacion{font:10px/16px Helvetica, Arial, sans-serif; color:#999;}

#envioCarta{ width:240px; margin:10px 50px;  padding:20px;}
.envioCarta {padding:20px 20px 60px 20px; background: url(../imgdiseno/art/bg_header.png); font:'Helvetica', 'Arial', sans-serif; color:#CCC;}
.envioCarta h1{font: 500 24px/36px 'Oswald', 'Arial', sans-serif; color:#fff;}
.envioCarta h3{font: 18px 'Helvetica', 'Arial', sans-serif; margin-bottom:30px;}
.envioCarta h4{font: 16px 'Helvetica', 'Arial', sans-serif;}
.envioCarta input{width:240px; margin:5px 0px;}
.envioCarta textarea{width:260px; margin:5px 0px; height:80px;}
.envioCarta .columna2{text-align: left; vertical-align: top; padding-left:20px;}
.envioCarta .boton{ margin:10px 10px 10px 0px;cursor:pointer;}

#compartircarta{ width:165px; color:#ccc; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 100;}