/*
Autor: mcampodonico@cloncom.com
Title: countrycodes.com
date:24 nov 2006
*/

body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#F2F2F2 url(http://www.countrycodes.com/images/fondo.gif); 
	margin:0 auto; 
	text-align:center;
	}
h1 { font-size:24px;	}	
	
#wrap { 
	background:#CCCCCC; 
	width:792px; 
	margin:0 auto; 
	text-align:center;
	}

#header { 
	background:#FFFFFF url(http://www.countrycodes.com/img/back_header.gif) top no-repeat; 
	width:792px;
	height:120px; 
	}

#header  h1 { 
	margin-top:0; 
	padding:15px 1px 1px 80px;
	background:url(http://www.countrycodes.com/images/logo.gif) 50px 10px no-repeat; color:#666666; 	
	height:50px;
	}
	
#header a { text-decoration:none; color:#666666;}	
#logo { 
	width:298px; 
	margin:0; 
	padding:0; 
	float:left;
	}

#nav { 
	width:390px; 
	font:Verdana, Arial, Helvetica, sans-serif; 
	font-size:8px; 
	float:left;
	}
	
#nav ul { 
	width:390px; 
	list-style:none; 
	margin-top:25px;
	}
	
#nav li {
	float:left;
	}	
#tab1 { 
	background:url(http://www.countrycodes.com/img/tab1.gif) no-repeat;
	width:81px;
	height:21px; 
	padding:5px 0 0 3px;
	}
#tab2 { 
	background:url(http://www.countrycodes.com/img/tab2.gif) no-repeat;
	width:92px; 
	height:21px; 
	padding:5px 0 0 3px;
	}
#tab3 { 
	background:url(http://www.countrycodes.com/img/tab3.gif) no-repeat;
	width:87px; 
	height:21px; 
	padding:5px 0 0 3px;
	}
#tab4 { 
	background:url(http://www.countrycodes.com/img/tab4.gif) no-repeat;
	width:87px; 
	height:21px; 
	padding:5px	0 0 3px;
	}
#nav2 {
	width:600px; 
	font:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;color:#666666; 
	text-align:center;
	margin:0 auto;
	padding-top:2px;
	}	
#nav2 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-decoration:underline;}	


#nav3 {
	width:600px; 
	font:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;color:#666666; 
	text-align:center;
	margin:10px auto;
	padding-top:2px;
	}	
#nav3 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}	


#content { background:#FFFFFF url(http://www.countrycodes.com/img/back_wrap1.gif) center;width:792px; height:auto;margin:0 auto; text-align:center; float:left;}
#content h2 { font-size:16px; color:#666666;}
#content  hr {width:450px;}


#spacer {clear:both;}

.parrafo {
	color:#666666;  
	font-size:10px; 
	margin:0 auto; 
	padding:0;
	width:450px; 
	text-align:justify;
	line-height:13px;
	}

.back_gris { background:#CCCCCC; color:#000000; width:600px; margin:5px auto; padding:5px; font-weight:bold; font-size:10px;}
#contenido {
	color:#999999;  
	font-size:11px; 
	margin:0 auto; 
	padding:0;
	width:600px; 
	text-align:justify;
	}
	
#contenido-internal	{
	color:#333333;  
	font-size:10px; 
	margin:0 auto; 
	padding:0;
	width:450px; 
	text-align:justify;
	line-height:13px;
}
#contenido-internal	ol { margin:0 auto; text-align:left;}	
	
#content2 { background:url(http://www.countrycodes.com/img/back_content1.gif); width:693px; margin:5px auto 0 auto;}
#content2 h2 {background:url(http://www.countrycodes.com/img/back_h2.gif) left no-repeat; color:#999999; width:640px; height:110px; margin:0 auto; padding:10px 0 0 0; text-align:left;}
#content2 h2 span {font-size:16px;margin:0;display:block; width:500px; padding-left:150px; padding-top:40px; color:#666666; padding-bottom:0; float:left; }

#content2mid { 
	width:635px; 
	margin:0 auto;
	padding-left:20;
	height:270px;
	background-color: #EFFFAD;
	border-left:#CCCCCC 1px solid; 
	border-right:#CCCCCC 1px solid; 
	border-bottom:#CCCCCC 1px solid;
	}
	
#content2footer { background:#FFFFFF; width:635px; margin:0 auto; border-bottom:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid; height:
210px; border-top:#CCCCCC 1px solid;}

#links_home {width:130px; float:left; margin-left:8px; text-align:left; border-right:#999999 1px solid; padding:10px 2px;}
#links_home a {font-size:10px; color:#333333; font-weight:bold;}

#form {width:190px; float:left;text-align:left;line-height:18px; margin-left:10px; }
#form label { font-size:10px; font-weight:bold;line-height:18px;}
#form-inputs { font-size:10px;} 
#form-inputs2 { font-size:15px; margin-top:6px; margin-bottom:6px;} 
#form a { 
	font-size:10px; 
	font-weight:bold;
	color:#FFFFFF;
	background:url(http://www.countrycodes.com/img/b_back.gif) left no-repeat; 
	display:block; height:25px; 
	padding-left:30px; 
	margin-top:15px;
	cursor:pointer;
	}	
#form a span { 
	background:url(http://www.countrycodes.com/img/b_back2.gif) right no-repeat;
	display:block; 
	height:25px;
	}

#banner-mid {
	position:absolute;
	left:687px;
	top:189px;
	width:265px;
	height:290px;
	z-index:1;
}

#banner-bottom { height:90px; padding:10px 0 0 0;clear:both;}

#footer { 
	background:#FFFFFF url(http://www.countrycodes.com/img/back_footer.gif) bottom no-repeat; 
	width:792px; height:40px; 
	text-align:center; 
	margin:0 auto;
	padding:0;
	}
#footer h3 { 
	font-size:9px; 
	font-weight:normal; 
	color:#666666;
	margin:0; padding:0;
	}


/*
--------------*/

#contact_us  {width:450px; margin:0 auto; font-size:10px; color:#333333; font-weight:bold;}
#contact_us label {margin:5px; padding:0; float:left; width:150px;}
#contact_us form input {margin:5px; padding:0; width:180px; float:left;}
#contact_us form #submit {margin:5px 5px  5px 150px; padding:0; width:180px;}
#contact_us form  select  { margin:5px; padding:0;width:180px; float:left;}
#contact_us form  textarea {margin:5px 5px  5px 50px; padding:0;width:350px; height:100px;float:left;}


.contenido { width:550px; text-align:justify; margin:0 auto; font-size:10px; color:#666666;}
#content h3 {font-size:15px; color:#5B5B5B;}



#wrap-linktous { width:700px; margin:0 auto;}
#wrap-call {margin:0 auto;text-align:center;}
#coderesult { border:#00CC33 2px solid; width:350px;margin:15px auto;}

#wrap-country { margin:0 auto; text-align:center; background:url(http://www.countrycodes.com/img/back_country.gif) no-repeat;width:710px; height:350px;}


/* 
Boxes para country.php 
--------------------------------*/
#wrap-country  .box { 
	background:url(http://www.countrycodes.com/img/box_bottom_left.gif)  no-repeat left bottom; 
	padding:0;
	margin:0;
	float:left;
   }
#wrap-country  .box-outer {
	background:url(http://www.countrycodes.com/img/box_bottom_right.gif) bottom right no-repeat;
	padding:0;
	}
	
	
#wrap-country	.bsearch  { 
	font-size:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#666666; 	
	padding-top:5px; 
	line-height:50px;
	border:#FFFFFF 10px solid;
	border-top:#CCCCCC 1px solid; 
	}
	
#wrap-country  .box-inner	 {
	background:url(http://www.countrycodes.com/img/box_top_left.gif) top left no-repeat;
	padding:0; margin:0;
	}
	
#wrap-country  .box h1 {
	background:url(http://www.countrycodes.com/img/box_top_right.gif) top right no-repeat;
	margin:0; 
	padding:10px 20px 15px 20px;
	font-size:14px;
	color:#999999;
	}
#wrap-country  .box h1 span { background:url(http://www.countrycodes.com/img/bullet.gif) 0 50% no-repeat;padding-left:10px;font-size:18px;}	
#wrap-country  .box h2 {
	margin:0; padding:0;
	}

#wrap-country  .box p {
	margin:0; padding:0;
	}

#wrap-country    #dialing-instrucctions	{margin:40px 5px 5px 20px; width:380px;}
#wrap-country    #reverse-lookup {margin:40px 5px 5px 20px; width:350px;}
#wrap-country   #promotion {margin:40px auto; padding:0; width:280px;}


#wrap-connections {margin:0 auto;text-align:center;}
#wrap-connections  h2 { text-align:center;padding:0; }


#sitemap  { 
	font:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;color:#666666; 
	margin-left:68px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;	
	}
	
#pages-map { list-style:none; width:600px; margin:0 auto;}
#pages-map li {width:200px; float:left; line-height:16px;}

#wrap-areacodes {margin:0 auto;text-align:center; width:600px;}
#wrap-areacodes h2 { text-align:center;padding:0; }

#areacodes {  list-style:none; 
			  width:600px; 
			  margin:0 auto;
			  padding-left:60px;
			  font:Verdana, Arial, Helvetica, sans-serif; 
			  font-size:10px;color:#666666; 
			  
			  }
#areacodes li {width:300px; float:left; line-height:16px; text-align:left;}

#cheap { 
	list-style:none; 
	width:255px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;
	padding:0;
	margin:0 0 0 20px;
	}
#cheap li {margin:0; padding:0; text-align:left; line-height:20px;float:left;}
#cheap .country { width:120px;font-size:10px;float:left; color:#FF6600; text-align:left;}
#cheap .detail { width:65px; font-size:10px; float:left; text-align:left;}
#cheap #call { text-align:left; width:120px;}
#cheap #min { text-align:left; width:60px;}
#cheap #price { text-align:left; width:60px;}
#cheap .country a {color:#FF6600; text-decoration:underline; }
	



#dialing { list-style:none;width:300px; margin:0 auto; padding:0;}
#dialing li {float:left; width:200px; text-align:left; line-height:20px; }
#dialing .select-dialing { font-size:9px;}
#dialing select { font-size:11px;}
#dialing .naranja13 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#EF711D; text-decoration: none; width:100px;}

#result { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:21px; font-weight:bold; color:#999999; 
	text-decoration: none; 
	letter-spacing:-1px;
	display:inline; 	
			}

.banner-bottom1 { 
	display:block; 
	font:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color:#666666; 
	font-weight:bold; vertical-align:text-top;
	text-align:center; 
	border:#FDE293 1px solid;
	width:300px;
	margin:10px auto;	
	}
.banner-bottom49 { 
	display:block; 
	font:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color:#666666; 
	font-weight:bold; vertical-align:text-top;
	text-align:center; 
	border:#FDE293 1px solid;
	background-color:#FFE694;
	width:300px;
	margin:10px auto;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	padding-top:6px;
	}

.formul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:50px; font-weight: bolder; color: #666666; text-decoration: none;}
.marca {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight: bolder; color: #666666; text-decoration: none;}
.marca2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight: bolder; color: #66CC00; text-decoration: none;}
.marca3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight: bold; color: #B2B2B2; text-decoration: none;}
.gris12 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color: #666666; text-decoration: none;}
.verde12 { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #66CC00; text-decoration: none;}
.verde11 { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #66CC00; text-decoration: none;}
.verde11_2 {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#009900; text-decoration: none;}
.gris10 { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; color: #666666; text-decoration: none;}
.gris10b { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #666666; text-decoration: none;}
.links { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: bolder; color: #3333CC; text-decoration: underline;}
.links2 { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: bolder; color: #FF6600; text-decoration: underline;}
.gris9 { font-family: Arial, Helvetica, sans-serif; font-size:9px; color: #333333; text-decoration: none;}
.gris8 { font-family: Arial, Helvetica, sans-serif; font-size:8px; color: #333333; text-decoration: none;}
.form {	font-family: Arial, Helvetica, sans-serif; font-size:9px; color: #000000;}
.form2 {	font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000000;}
.naranja10 { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; color:#FF6600; text-decoration: none;}
.naranja12 { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #FF6600; text-decoration: none;}
.naranja13 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#EF711D; text-decoration: none;}
.naranja18 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FF9900; text-decoration: none;}
.gris13 { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color: #333333; text-decoration: none;}
.gris13b { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #333333; text-decoration: none;}
.gris18b { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color: #333333; text-decoration: none;}
.gris11 { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #333333; text-decoration: none;}
.rojo11 { font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #F00000; text-decoration: none;}
.azul13 { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; color: #0000FF; text-decoration: underline;}
.headerpagina { font-family: Arial, Helvetica, sans-serif; font-size:18px; color: #666666;}
.callingfromto { font-family: Arial, Helvetica, sans-serif; font-size:18px; color: #666666; padding-bottom:5px; padding-top:2PX;}
.grisx { font-size:10px;}



/*#{border:#FF6600 1px solid;}*/