* { margin:0; padding:0; outline:none}

img { border:none }

body {

	font: normal .75em Verdana;

	color: #666;

	background: #cdd6da url(images/bg.jpg) repeat-x;

}

.accessibility, hr {

display:none

}

#pagewrapper { width:938px; margin:0 auto }

#header {

	position:relative;z-index:1000;

	height:328px;

	background:url(images/header.jpg)

}





#logo a { width:317px; height:0; padding-top:106px; overflow:hidden; display:block }

#pdf a { width:196px; height:0; padding-top:80px; overflow:hidden; display:block; background:url(images/pdf.png); position:absolute; right:13px; top:177px }





/* ------------  Menu   ------------ */

.page-menu {

	width: auto;

	position:absolute;

	bottom:23px;

	left:20px

}

.menuwrapper {}



ul#primary-nav li hr.menu_separator{

        position: relative;

        visibility: hidden;

        display:block;

        width:5px;

       	height: 32px;

       	margin: 0px 5px 0px;

}

.page-menu ul#primary-nav {

	height: 1%;

	float: left;

	list-style: none;

	padding: 0;

	margin: 0;

}

.page-menu ul#primary-nav li {

	float: left;

}

.page-menu ul#primary-nav li a,

.page-menu ul#primary-nav li a span {

	display: block;

	padding: 0 10px;

	background-repeat: no-repeat;

	background-image: url(uploads/NCleanBlue/tabs.gif);



}

.page-menu ul#primary-nav li a {

	padding-left: 0;

	color: #5A95A9;

	text-transform:uppercase;

	font-weight: bold;

	line-height: 2.15em;

	text-decoration: none;

	margin-left: 1px;

}

.page-menu ul#primary-nav li a:hover,

.page-menu ul#primary-nav li a:active {

	color: #fff;

}

.page-menu ul#primary-nav li a.menuactive,

.page-menu ul#primary-nav li a:hover span {

	color: #fff;

}

.page-menu ul#primary-nav li a span {

	padding-top: 2px;

	padding-right: 0;

	padding-bottom: 2px;

}





.page-menu ul#primary-nav li a, .page-menu ul#primary-nav li a span, #primary-nav li.menuparent {

	background-position: 0 0;

}



.page-menu ul#primary-nav li a.menuactive {

	background-position: 100% -150px;

}

.page-menu ul#primary-nav li a.menuactive span {

	background-position: 0 -90px;

}



.page-menu ul#primary-nav li a:hover,

.page-menu ul#primary-nav li a:focus,

.page-menu ul#primary-nav li a:active , #primary-nav li.menuparent:hover > a {

	background-position: 100% -120px;

}





.page-menu ul#primary-nav li a:hover span,

.page-menu ul#primary-nav li a:focus span,

.page-menu ul#primary-nav li a:active span, #primary-nav li.menuparent:hover > a span {

	background-position: 0 -60px;

}



 #primary-nav li.menuparent:hover > a { color:#fff }









.page-menu ul#primary-nav .sectionheader,

.page-menu ul#primary-nav li a:link.menuactive,

.page-menu ul#primary-nav li a:visited.menuactive {

/* @ Opera, use pseudo classes otherwise it confuses cursor... */

	cursor: text;

}

.page-menu ul#primary-nav li span,

.page-menu ul#primary-nav li a,

.page-menu ul#primary-nav li a:hover,

.page-menu ul#primary-nav li a:focus,

.page-menu ul#primary-nav li a:active {

/* @ Opera, we need to be explicit again here now... */

	cursor: pointer;

}

/* Additional IE specific bug fixes... */

* html .page-menu ul#primary-nav {

	display: inline-block;

}

*:first-child+html .page-menu ul#primary-nav {

	display: inline-block;

}



/* --------------------  menu dropdow  -------------------------

/* Unless you know what you do, do not touch this */

/* Reset all ROOT menu styles. */

ul#primary-nav ul.unli li li a span,

ul#primary-nav ul.unli li a span,

ul#primary-nav .menuparent .unli .menuparent .unli li a span {

	font-weight: bold;

	background-image: none;

	display: block;

	padding-top: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

}

#primary-nav {

	margin: 0px;

	padding: 0px;

}

#primary-nav ul {

	list-style: none;

	margin: 0 0px 0px;

	padding: 0px;

/* Set the width of the menu elements at second level. Leaving first level flexible. */

	width: 166px;

}

#primary-nav ul {

	position: absolute;

	z-index: 1001;

	top: auto;

	display: none;

	margin-left:3px;

	background: #fff;

	border-right:1px solid #cdd6da;	border-bottom:1px solid #cdd6da;	border-left:1px solid #cdd6da

}

* html #primary-nav ul.unli {

	padding-top: 12px;

	background: url(uploads/NCleanBlue/ultop.gif) no-repeat left top;

}

#primary-nav ul.unli ul {

	margin-left: -7px;

	left: 100%;

	top: 3px;

}

* html #primary-nav ul.unli ul {

	margin-left: -0px;

}

#primary-nav li {

	margin: 0 20px 0 0;

	float: left;

}

#primary-nav li li {

	margin-left: 0;

	margin-top: 0;

	margin-right:0;

	float: none;

	position: relative;

}

/* Styling the basic appearance of the menu elements */

ul#primary-nav ul hr.menu_separator{

        position: relative;

        visibility: visible;

        display:block;

        width:130px;

       	height: 1px;

       	margin: 2px 30px 2px;

	padding: 0em;

	border-bottom: 1px solid #ccc;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

}



#primary-nav .separator { height:0 }

*:first-child+html #primary-nav .separator {

       z-index:-1;

}

#primary-nav ul.unli li a {

	padding: 4px 18px;

	width: 130px;

	line-height:17px;

	margin: 0;

	text-transform:none;

	background-image: none;

}

* html #primary-nav ul.unli li a {

	padding: 0px 10px 0px 5px;

	width: 165px;

	margin: 5px 0px;

}

#primary-nav li li a:hover,#primary-nav li li a:active,#primary-nav li li a:focus {

	background-color: #cdd6da;

	color:#fff

}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive li a {

	text-decoration: none;

	background: none;

}



#primary-nav ul.unli li.menuparenth,

#primary-nav ul.unli a:hover,

#primary-nav ul.unli a.menuactive {

	background-color: #cdd6da;

}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul.unli li .menuparent,

#primary-nav ul.unli li .menuparent:hover,

#primary-nav ul.unli li .menuparent,

#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {

	background-image: url(uploads/NCleanBlue/arrow.gif);

	background-position: center right;

	background-repeat: no-repeat;

}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul,

#primary-nav li:hover ul,

#primary-nav li:hover ul ul,

#primary-nav li:hover ul ul ul,

#primary-nav li.menuparenth ul,

#primary-nav li.menuparenth ul ul,

#primary-nav li.menuparenth ul ul ul {

	display: none;

}

#primary-nav li:hover ul,

#primary-nav ul li:hover ul,

#primary-nav ul ul li:hover ul,

#primary-nav ul ul ul li:hover ul,

#primary-nav li.menuparenth ul,

#primary-nav ul li.menuparenth ul,

#primary-nav ul ul li.menuparenth ul,

#primary-nav ul ul ul li.menuparenth ul {

	display: block;

}

/* IE Hacks */

#primary-nav li li {

	float: left;

	clear: both;

}

#primary-nav li li a {

	height: 1%;

}

/*************** End Menu *****************/







#content { background:url(images/bg2.jpg)}



#main { padding:0 11px }





/*Inicio*/

.planes { position:relative; height:501px }

.eurowin,.e-commerce { margin-right:8px }

.eurowin,.e-commerce,.telefonia { width:300px; float:left ; height:501px; position:relative; background:url(images/bg3.jpg) no-repeat left bottom }

.planes h3 { overflow:hidden; height:0; padding-top:423px }

.eurowin h3 { background:url(images/eurowin.jpg) }

.e-commerce h3 {  background:url(images/e-commerce.jpg)}

.telefonia h3 {  background:url(images/telefonia.jpg)}



.mas { position:absolute; overflow: hidden; width:38px; height:0; padding-top:47px; background:url(images/mas.jpg);top:154px; z-index:99 }

.mas.uno {  left:286px }

.mas.dos {  left:594px }



.planes p { text-align:center; line-height:12px; position:absolute; padding:0 20px; bottom:32px }

.planes p.ampliar  {  bottom:5px; width:100%; padding:0 }

.planes p.ampliar  a { text-decoration:none; color:#fff; font-weight:bold }



.paquete-completo { height:134px;  background:url(images/paquete.jpg); margin:10px 0 5px; position:relative }

.paquete-completo h4, .paquete-completo p { display:none }

.paquete-completo p.descargar { display:block }

.paquete-completo p.descargar a { display:block;

height:0;

overflow:hidden;

padding-top:53px;

position:absolute;

right:95px;

top:53px;

width:137px;

 }









/*Interiores*/



.page #main { width:587px; margin-right:28px; padding:35px 25px; float:left }

.page #right { width:273px; float:left }



h1.title { color:#5A95A9; font-family:Arial; font-size:2.5em; font-weight:normal; background:url(images/titulo.jpg) no-repeat; padding-left:35px;

margin-bottom:30px }



#main ul /*.lista*/ { margin-left: 35px ; list-style:none }

#main ul /*.lista*/ li { background:url(images/flecha.jpg) no-repeat 0 8px; padding:5px 0 5px 20px; border-bottom:1px dotted #ceccc3 }





/*Columna Derecha*/





#right .modulo { width:255px }

#right .modulo h4 { font-size:1em; color:#fff; text-align:center; padding:7px  0; margin-bottom:28px }

#right .disenios { background:url(images/bg4.jpg) no-repeat }



#right .modulo .bloque { width:223px; height:220px; background:#cdd6da; margin:23px auto; position:relative }

#right .modulo .bloque img { position:absolute; bottom:5px; left:6px;}

#right .modulo .bloque .ver a { position:absolute; top:-10px; right:0; width:86px; height:16px; background:url(images/verdemo.png); color:#fff; text-decoration:none;

font-weight:bold; text-transform:uppercase; padding:6px 0 0 7px; font-size:.85em }



#right .llamada { position:relative; background:url(images/bg6.jpg) no-repeat ;color:#369; height:265px }

#right .llamada form { width:206px; margin:0 auto}

#right .llamada fieldset { border:none }

#right .modulo.llamada h4 { padding:3px  0; margin-bottom:10px }

#right .llamada label {  display:block; margin-bottom:3px }

#right .llamada input { border:1px solid #ccc; margin-bottom:3px ; background:#fff; font:1em Verdana; color:#666; padding:4px 5px; width:182px }

#right .texto {width: 200px; margin: 0 auto}

#right .llamada .horario { margin-bottom:3px;}

#right .llamada .input2 , #right .llamada .a { float:left; }

#right .llamada .a { margin:3px 9px 0 0 }

#right .llamada .input2 { margin-right:11px }

#right .llamada .input2 label {  display:none }



#right .llamada .input2 input {  width:71px}



#right .llamada .submit input { cursor:pointer;margin:4px 0 0 110px; color:#fff; background:url(images/bg9.jpg); border:none ; width:95px;font:1.25em Arial; padding:2px 0;text-align:center; font-weight:normal }



#right .llamada .error_message ul { list-style:none }

#right .llamada .error_message { position:absolute;

 background:#fff;border:1px dashed #E83C9C;

font-size:0.9em;

left:13px;

padding:6px;

position:absolute;

top:-5px;

width:214px;

font-weight:bold

 }

 #right .llamada .gracias

{

font-size:1.3em;

font-weight:bold;

margin-bottom:0;

margin:53px auto;

width:200px;

}

/**/



/*E-commerce*/

.page #main.main-e-commerce { background:url(images/www.jpg) no-repeat right top }

/**/







/*Contacto*/

.contacto { margin:30px 0 0 35px }

.contacto fieldset { border:none ; width:220px; float:left; margin-top:30px }

.contacto label { display:block ; color:#369; margin-bottom:3px }

.contacto input, .contacto textarea { border:1px solid #ccc; background:#fff; font:1em Verdana; color:#666 ; padding:4px 5px ; margin-bottom:4px }

.contacto input { width:182px }

.contacto textarea { width:297px; height:105px }

.contacto .submit { clear:both }

.contacto .submit input { cursor:pointer; width:95px; padding:2px 0; color:#fff; border:none;background:url(images/bg9.jpg); margin:4px 0 0 434px }

.error_message2 { color:#c00; } 

.error_message2 ul { margin:30px 0 0 50px }

/**/









#footer { background:url(images/bg2.jpg); padding:0 4px }



#footer p { background:url(images/bg9.jpg) repeat-x; color:#fff; text-transform:uppercase; font-weight:bold; height:25px ; font-size:.85em; padding:5px 0 0 10px }









* html .clearfix { height: 1% }

.clearfix { display: inline-block}

html[xmlns] .clearfix { display: block}

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