@charset "UTF-8";
/* CSS Document */
body { -webkit-font-smoothing: antialiased; background:url(../img/fondo.jpg); line-height:18px }

header, section, article, figure, footer, nav, aside{ display:block}

figure{ margin:0 0 -10px 0}
/*figure{ margin:0}*/

#cabecera{ background:url(../img/fondotop2.png) center top no-repeat; width:960px; margin:0 auto; height:238px; position:relative}
/*#logoalamo{ padding:80px 0 0 75px;}*/
#logoalamo img { width:200px;}
#logoalamo{ padding:75px 0 0 110px;}

#contenedorlogo{}


#trabaje {
	display: block;
	position: absolute;
	right: 190px;
	top: 30px;
	width: 198px;
	height: 121px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../img/trabaje.png) no-repeat;
	background-position: left top;
}

#trabaje:hover {
	background-position: left bottom;
}

.seguinooss{
	position:absolute;
	top:85px;
	left:708px;
	width:220px;
	height:68px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}	

/*nav ul{ font-family:'ComfortaaRegular'; font-size:17px; padding:24px 24px 0 0; float:right}*/
nav ul{ font-family:'ComfortaaRegular'; font-size:17px; padding:0 24px 0 0; float:right; margin-top: -20px;}
nav ul li{ float:left;margin: 0 22px 0 0}
nav ul li a{color:#fff; text-decoration:none; height:30px; display:block}
#inicio nav ul li a.inicio, #historia nav ul li a.historia, #quienes nav ul li a.quienes, #exportacion nav ul li a.exportacion, #resmas nav ul li a.resmas, #importacion nav ul li a.importacion, #sucursales nav ul li a.sucursales, #contactenos nav ul li a.contactenos, nav ul li a:hover{ background:url(../img/rayita2.png) no-repeat center bottom}

#seguinos{ position:absolute; right:0; top:-38px; width:284px; height:108px; z-index:10000}

#contenedorpauli{ position:absolute; left:0; top:81px;  width:317px; height:250px; margin:-62px 0 0 2px; z-index:10}

#pauli{ width:317px; height:250px; margin:-10px -24px;}

#wrappercuaderno{ background:url(../img/fondocuadrito.png) repeat-y center; width:960px; margin:0 auto; position:relative; padding:380px 0 0 0}

#wrappercuadernoint{ background:url(../img/fondocuadrito.png) repeat-y center; width:960px; margin:0 auto; position:relative; padding:30px 0 0 0}

#papelmarronteen{ background:url(../img/papelmarron.png); width:908px; height:392px; margin:0 0 0 16px; position:absolute; top:0}

#papelmarron{ background:url("../img/papelmarron2.png") no-repeat scroll 0 25px transparent; width:908px; height:409px; margin:0 0 0 16px; position:absolute; top:-20px}

#pinza{ width:143px; height:123px; position:absolute; left:-76px; top:110px}

/*h2{ font-family:'TidyHandRegular'; color:#fff; font-size:28px; position:absolute; width:100%; top:45px; font-weight:normal; padding:0 0 0 70px}*/
h2{ font-family:'TidyHandRegular'; color:#fff; font-size:36px; position:absolute; width:100%; top:47px; font-weight:normal; padding:0 0 0 76px}

#homedistribucion{ padding:0 0 0 60px; color:#383838;position:relative}
#exportacioninterna{ padding:0 0 0 70px; color:#383838;}

h3{ font-size:18px; font-weight:bold; font-family:'TidyHandRegular'; padding:20px 0 }

h4{ font-size:16px; font-weight:bold; font-family:'TidyHandRegular'; padding:20px 0 10px 0 }

td, p{font-family:'ComfortaaRegular'; font-size:14px}
td{ text-align:center; padding:5px}
td.tit{ background:#dd0000; color:#fff}
td.par{ background:#f5f5f5}
td.impar{ background:#f1f1f1}
#homedistribuciontxt{ width:595px; min-height:189px; float:left; padding-right:200px}
#homedistribucionimg{ width:305px; height:189px; position:absolute; right:-3px}

#exportaciontxt{ width:450px; float:left; padding:0 40px 0 0 }
#exportaciontabla{ width:305px; float:right; margin:0 60px 0 0}

a.leermas{ color:#383838; font-size:12px; float:right; font-family:'TidyHandRegular'; text-decoration:none; padding:20px 0 0 0}
a.leermas:hover{ color:#FF0000}

ul#papelito{font-family: 'ComfortaaThin'; color:#2a2a2a; font-size:14px; padding-bottom:30px; margin:0 0 0 50px}
ul#papelito li{ background:url(../img/papelito.png); width:263px; height:244px; margin:40px 7px 0 7px; float:left; padding:11px 0 0 10px}
ul#papelito li a{display:block}
ul#papelito li a:hover{opacity:.8}
ul#papelito li p{ padding:10px 20px; text-align:center; line-height:1}
.sabermas{
	font-family: 'ComfortaaRegular';
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	background:#666666;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.34, rgb(63,63,63)),
    color-stop(0.84, rgb(177,177,177))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(63,63,63) 34%,
    rgb(177,177,177) 84%
);
	color:#fff;
	text-decoration:none;
	padding:5px;
	border:1px solid #000;
	float:left;
}
#papelito .sabermas{ margin:0 0 0 74px}

footer{background:url(../img/fondopie2.png) no-repeat bottom; height:117px; width:960px; margin:auto;}
section#footer{ padding:20px 0 30px 0; border-top:#f1a3a8 1px solid; margin:0 60px 0 65px; }
#footertxt{ float:left; width:530px;  font-family: 'ComfortaaThin';font-size:12px;}
#footertxt span{font-size:10px}
#puntopy{ float:right;}

#formulariocontacto{ padding:0 0 0 60px; color:#383838;}


#contenedormapa{padding:52px 0 0 44px; width:500px; float:left}

#contenedordatos{ width:300px; float:left; padding:40px 0 0 50px; font-size:14px; font-family:'ComfortaaRegular';}
#contenedordatos h3{ font-size:14px; padding:0 0 10px 0; color:#c42f3c}
#contenedordatos h3.titu{ font-size:18px; padding:10px 0 10px 0; color:#c42f3c}
#contenedordatos p{ line-height:18px; margin:0 0 16px 0}
#contenedorform{ margin:0 0 30px 0; float:left}
.form2col{ width:270px; float:left; margin:0 0 0 20px}
.formlinea{ margin-bottom:10px}
.formtxt{font-family:'ComfortaaRegular'; font-size:14px; padding:0 0 3px 5px}
.formcampo{
	width:538px;}
.campo{ background:#FFFFFF; border:2px solid #fddfdf; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:7px; width:250px;  font-family: 'ComfortaaThin'; font-size:12px}

.textarea{
	 background:#FFFFFF; border:2px solid #fddfdf; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:7px; width:520px;  font-family: 'ComfortaaThin'; font-size:12px}
	 
.codigo{ width:300px; float:left; margin:0 0 0 20px}
.codigo p, .codigo input[type=text]{ float: left; }
.codigo input[type=text]{ width: 100px; margin-left: 10px; }
.refrescar { display:block; float: left; margin-left: 10px; }

#galeria{ padding-bottom:30px}

#galeria ul{ padding:20px 70px}
#galeria ul li{	background-color: #eee; width: 135px; height: 187px; padding: 0; margin: 6px; display: block; float: left; border:#4ecac8 8px solid;}




#galeriaimport{ padding-bottom:30px}

#galeriaimport ul{ padding:20px 70px 20px 90px}
#galeriaimport ul li{	background-color: #eee; width: 164px; height: 90px; padding: 0; margin: 6px; display: block; float: left; border:#fd5050 8px solid;}

#vertodoscont{ position:absolute; z-index:10; bottom:0; right:400px}
#vertodos a{ background:url(../img/vertodos.png) top; width:226px; height:52px; display:block}
#vertodos a:hover{ background-position:center 50px;}

#txtint{ padding:0 0 0 90px; color:#383838;position:relative}

#btnprod{
	position:absolute;
	z-index:1000;
	top:-40px;
	right:0;
}
#btnprod a{
	width:281px;
	height:126px;
	display:block;
	background:url(../img/btnprod.png) bottom;
}
#btnprod a:hover{ background-position:top;}

#btncatalogo{
	position:absolute;
	z-index:1000;
	top:0;
	right:0;
}
#btncatalogo a{
	width:281px;
	height:126px;
	display:block;
	background:url(../img/btncatalogo.png) bottom;
}
#btncatalogo a:hover{ background-position: -7px 0;}

/*.botonera { width:680px; float:left;}*/
.botonera { width:780px; float:left;}
.botonera ul{ font-family:'TidyHandRegular'; font-size:16px; padding:24px 8px 0 0; float:right}
.botonera ul li{ float:left;margin: 0 30px 0 0}
.botonera ul li a{color:#000; text-decoration:none; height:30px; display:block}


nav2 ul{ font-family:'ComfortaaRegular'; font-size:17px; padding:24px 24px 0 0; float:right}
nav2 ul li{ float:left;margin: 0 22px 0 0}
nav2 ul li a{color:#fff; text-decoration:none; height:30px; display:block}
#importados nav2 ul li a.importados, #juguetes nav2 ul li a.juguetes, #cuadernos nav2 ul li a.cuadernos, #agendas nav2 ul li a.agendas, #foroni nav2 ul li a.foroni, #nacional nav2 ul li a.nacional, #test1 nav2 ul li a.test1, nav2 ul li a:hover{ background:url(../img/rayita.png) no-repeat center bottom}


.emp-alamo{width:650px; margin:auto;}

/*..LOGOS..*/

#sponsors {
    margin: 20px 0;
    padding-bottom: 10px;
}
#sponsors .bloque {
    margin: 15px 0;
    padding: 15px 0 0;
}
.logos2 {
	border: 8px solid #acc828;
	margin: 10px 3px;
}

.bloque h3 {
	color:#F00;
	
	}
#cont-resma	 {
	display:block;
	float:none;
	text-align: center; 
	
	}
.txt-resmas {
	margin-top: 10px;
	margin-bottom:10px;
	
	}
	
#resmascont2{ padding-bottom:5%}

#resmascont2 ul{ padding:20px 70px}
#resmascont2 ul li{	background-color: #eee; width: 135px; height: 187px; padding: 0; margin: 6px; margin-bottom:300px; display: block; float: left; border:#4ecac8 8px solid;}


#resmascont2 h3 {
    font-family: "TidyHandRegular";
    font-size: 18px;
    font-weight: bold;
    padding: 0px !important;
}
	
#resmascont { padding-bottom:5%}

#resmascont ul{ padding:20px 70px}
#resmascont ul li{	background-color: #eee; width: 135px; height: 187px; padding: 0; margin: 6px; margin-bottom:300px; display: block; float: left; border:#4ecac8 8px solid;}


#resmascont h3 {
    font-family: "TidyHandRegular";
    font-size: 18px;
    font-weight: bold;
    padding: 0px !important;
}
	
#proximamenteinterna{ padding:0 0 0 70px; color:#383838;}
#proximamentetxt{ width:450px; float:left; padding:0 40px 0 0 }