html{
	height:100%;
	background-color:#D9F1F3;
}
body{
	background-image:url(/images/px_back_body.gif);
	background-position:top;
	top:0;
	background-color:#D9F1F3;
	background-repeat:repeat-x;
	font-family:Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",  "Verdana Ref", sans-serif;
	font-size:13px;
}
h1,h2,h3,h4,h5,h6{
	 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
div.layout{
	width:960px;
	margin:auto;
	color:#333333;
}
div.layout img{
	border:0;
	margin:0;
	padding:0;
}
div.layout span{ color:#5EADCC;}/**color azul**/

div.layout h2, h3{
	color:#5EADCC;
}
div.layout h2{
	font-size:20px;
	margin:.5em 0;
}
div.layout h3{
	font-size:115%;
	font-style:oblique;
}
div.layout h3 a {
	color:#5EADCC;
	text-decoration:none
}
div.layout h3 a:hover{
	color:#F7848D;
}
div.layout h4{
	font-size:115%;
	color:#C92467;
	margin:10px 0;
	border-bottom:1px solid #cccccc; 
	padding:0 0 5px 22px; 
	font-weight:bold;
	background-image:url(/images/bullet_gris_peke.jpg);
	background-repeat:no-repeat;
}
div.layout input{
	border:1px solid #CCCCCC;
	font-size:90%;
	height:19px;
	padding-top:3px;
}
div.layout input[type="radio"]{
	border:0;
}
div.layout a{
	color:#999999;
	text-decoration:none;
}
div.layout a:hover{
	color:#C92467; /**color rosa**/
}

/***************************************************************************************Inicia header*/
div.layout div.header {
	margin:0;
	padding:0;
	width:960px;
}
div.layout div.header div.navigation{
	height:37px;
	background-image:url(/images/px_menu.jpg);
	background-repeat:repeat-x;
	
}

div.layout div.header div.navigation a{
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	padding-top:6px;
	display:block;
	height:31px;
}
div.layout div.header div.navigation a:hover,
div.layout div.header div.navigation a:active{
	color:#C92467;
	font-weight:bold;
	background-image:url(/images/px_menu_hover.jpg);
	background-repeat:repeat-x;
}

div.layout div.header div.navigation a.current{
	color:#C92467;
	font-weight:bold;
	background-image:url(/images/px_menu_hover.jpg);
	background-repeat:repeat-x;
}

div.layout div.header div.button_profile {
	background:url(/images/menu_arriba_bg.jpg) repeat-x;
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-bottomleft: 10px;
	height:42px;
	float:right;
	margin-top:0;
}
div.layout div.header div.button_profile a {
	color:#FFFFFF;
	float:left;
	padding:13px 16px 0;
	font-weight:bold;
}

div.layout div.header div.button_profile a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/***************************************************************************************Fin header*/

div.layout div.body{
	background-color:#FFFFFF;
	text-align:justify;	
}
div.layout div.body div.blue_button input,div.blue_button button{
	background-image:url(/images/b_azul.png);
	background-repeat:no-repeat;
	height:25px;
	color:#26657D;
	font-weight:bold;
	text-align:center;
	border:0;
	background-color:transparent;
	width:100px;
	float:left;
	margin:10px 0;
	
}
div.layout div.body div.content{
	padding:15px 15px 20px 15px;
}
div.layout div.body div.content div.welcome{
	border:10px solid #cccccc;
	width:378px;
	height:250px;
	margin-bottom:18px;	
	background-color:#000000;
}
div.layout div.body div.content div.welcome div.inside{
	background-image:url(/images/slider_petopet.jpg);
	background-repeat:no-repeat;
	height:210px;
	padding:40px 12px 0 18px;
	font-size:16px;	
}
div.layout div.body div.content div.welcome div.inside div.greeting{
	padding-left:80px;
	padding-right:35px;
	height:113px;
}
div.layout div.body div.content div.welcome div.inside span{
	font-size:13px;
	color:#333333;
}
div.layout div.body div.content div.register{
	background-image:url(/images/banner_interior.jpg);
	height:145px;
	background-repeat:no-repeat;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	padding:45px 140px 6px 22px;
}
div.layout div.body div.content div.register p{
	margin-bottom:10px;
}
div.layout div.body div.content div.register div.b_register a,
div.layout div.body div.content div.register div.b_login a{
	width:107px;
	height:38px;
	background-image:url(/images/b_inicia.gif);
	display:block;
	float:left;
	margin-left:20px;
	margin-top:10px;
}
div.layout div.body div.content div.register div.b_register a:hover{
	background-image:url(/images/b_inicia_h.gif);
}
div.layout div.body div.content div.register div.b_login a{
	background-image:url(/images/b_registrate.gif);
}
div.layout div.body div.content div.register div.b_login a:hover{
	background-image:url(/images/b_registrate_h.gif);
}

div.layout div.body div.search{
	background-image:url(/images/buscador.jpg);
	height:79px;
	padding:16px 15px 0 16px;
	margin-bottom:18px;
	overflow:hidden;
}

div.layout div.body div.galery_front{
	margin-top:10px;
	padding:5px;
	border:1px solid #cccccc;
	width:77px;
	background-color:#eeeeee;
}
div.layout div.body div.galery_front:hover{
	background-color:#666666;
}
div.layout div.body div.galery_front img{
	border:1px solid #cccccc;
}
div.layout div.body div.galery_front a{
	color:#333333;
	text-decoration:none;
	display:block;
	height:77px;
}
div.layout div.body div.galery_front a:hover{
	color:#5EADCC;
	text-decoration:none;
}
/************************************************************************Inicia perfil**/
div.layout div.body div.content-left-profile,
div.layout div.body div.content-front
{
	padding:0 18px;
}
div.layout div.body div.content-left-profile ul{
	margin:0;
}
div.layout div.body div.content-left-profile ul li{
	list-style:none;
	margin-bottom:5px;
}
div.layout div.body div.content-left-profile div.data_owner{
	background-color:#eaf4f8;
}
div.layout div.body div.content-left-profile div.data_owner div.photo{
	padding:14px 10px;
}
div.layout div.body div.content-left-profile div.data_owner div.data{
	padding-bottom:10px;
}
div.layout div.body div.content-left-profile div.data_owner div.data h3{
	color:#333333;margin-bottom:0;
}
div.layout div.body div.content-left-profile div.gifts{
	margin-bottom:18px; 
	width:390px;
	border:1px solid #5eadcc;
}
div.layout div.body div.content-left-profile div.gifts div.img{
	padding:5px;
}
div.layout div.body div.survey{
	width:380px;
	height:70px;
	padding:15px 10px;
	background-image:url(/images/back_encuesta.jpg);
	background-repeat:no-repeat;
	margin-bottom:14px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:115%;
}
div.layout div.body div.survey a{
	color:#FFFFFF;
	text-decoration:none;
}
div.layout div.body div.survey div.check_box{
	margin-top:5px;
}
div.layout div.body div.survey div.text_survey{
	padding-right:5px;
	font-size:20px;
}
div.layout div.body  div.video{
	width:400px; 
	height:312px; 
}
div.layout div.body div.video-thumbnail{
	padding-top:10px;
}

/********************************************************************************termina perfil**/
/*********************************************************************************Inicia Login**/
div.layout div.body div.login_new{
	margin:30px auto auto auto;
	width:280px;
	padding:50px 158px 10px 168px;
	height:212px;
	background-image:url(/images/back_login_new.jpg);
	background-repeat:no-repeat;
	
}
div.layout div.body div.login_new h2{
	margin:0;
	padding:0;
	font-size:25px;
}
div.layout div.body div.login_new label{
	margin-bottom:10px;
	display:block;
}
div.layout div.body div.login_new div.title{
	color:#FB0083;
	font-size:20px;
	margin-bottom:25px;
	overflow:hidden;
}
div.layout div.body div.login_new div.flash{
	font-size:13px;
	margin:20px 0 0 0;
	background-color:#FFCC66;
	border:1px solid #FF9900;
	color:#FF6600;
	padding:5px;
	font-weight:bold;
}
/*****************************************************************************************Fin Login**/
/*********************************************************************************Inicia sidebar***/
div.layout div.sidebar div.title_category{
	color:#FFFFFF;
	background-image:url(/images/px_catego.jpg);
	background-repeat:repeat-x;
	height:35px;
	margin-top:27px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	padding-top:8px;
	padding-left:10px;
	position:relative;
	z-index:0;
}
div.layout div.sidebar div.category{
	background-color:#fafafa;
	border:1px solid #CCCCCC;
	padding:13px;
	margin-bottom:15px;
	background-image:url(/images/perro_catego_manos.gif);
	background-repeat:no-repeat;
	background-position:top right;	
}
div.layout div.sidebar div.banner{
	margin-bottom:10px;
}
div.layout div.sidebar div.box a{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#999999;
	text-align:center;
	display:block;
	padding:5px 0;
	padding:5px;
}
/***************************************************************************************Fin sidebar*/
/***********************************************************************************************Inicia Footer*/
div.layout div.footer{
	background: #e74094;
	font-size:10px;
	text-align:right;
}
div.layout div.footer div.content{
	color:#ffffff;
	padding:5px;
}

div.layout div.footer div.content a{
	color:#ffffff;
	text-decoration:none;
}
div.layout div.footer div.content a:hover{
	color:#FF99FF;
}
/***************************************************************************************Fin Footer*/
/***********************************************************************************************Inicia TAG*/
div.tag {
}

div.tag a {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}

div.tag a:hover{
	color:#C92467;
}
/*TagCloud*/
  .css1 { font-size: 0.6em; }
  .css2 { font-size: 0.8em; }
  .css3 { font-size: 1.0em; }
  .css4 { font-size: 1.2em; }
  .css5 { font-size: 0.9em; }
  .css6 { font-size: 1.2em; }
  .css7 { font-size: 1.5em; color:#666666; }
  .css8 { font-size: 1.8em; } 
 
 /***********************************************************************************************Fin TAG*/ 
.notice, .succes{
	color:#000000;
	background:#FFFFCC;
	border:1px solid #D9D900;
	padding:5px;
	text-align:center;
	margin-bottom:5px;
}
.error{
	color:#000000;
	background:#FFCCFF;
	border:1px solid #FF0033;
	padding:5px;
	text-align:center;
	margin-bottom:5px;
	
}
/*******************************************************************************************************Inicia Marco**/
/*******************************************************************************************************Inicia Marco**/
/*******************************************************************************************************Inicia Marco**/
div.layout div.title_section,
div.layout div.title_section_inside{
	background-image:url(/images/bullet_gris.gif);
	background-repeat:no-repeat;
	color: #C92467;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	border-bottom:3px solid #CCCCCC;
	padding-bottom:5px;
	padding-left:40px;
	display:block;
	margin-right:10px;
	padding-top:5px;
}
div.layout div.title_section_inside{
	background-image:url(/images/bullet_naranja.gif);
	color: #666666;
	margin-right:0px;
	
}
div.layout div.box,
div.layout div.inside,
div.layout div.sidebar div.box{
	border:1px solid #CCCCCC;
	padding:5px;
	margin-bottom:10px;
}
div.layout div.title_inside{
	background-color:#666666;
	padding:3px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-style:oblique;
	font-weight:bold;
}
div.layout div.title_inside span{color:#ff9900; padding-right:3px;}/***Color naranja**/
div.layout div.title_inside div.left{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	text-align:right;
}
div.layout div.title_inside div.left span{color:#5EADCC; padding-right:3px;}
div.layout div.inside,
div.layout div.inside_pets{
	background-color:#fafafa;
	padding:5px 10px 5px 10px;
}
div.layout div.inside p{
	margin:3px 0;
}
div.layout div.inside div.see_more{
	margin-top:3px;
	text-align:right;
	width:100%;
	
}
div.layout div.inside div.see_more a{
	background-image:url(/images/ver.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:16px;
}
div.layout div.inside div.see_more a:hover{
	background-image:url(/images/ver_hover.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

div.layout div.inside_pets{
	height:60px;
}
div.layout div.img img{
	border:1px solid #CCCCCC;
}
div.layout div.img a{
	display:block;
}
div.layout div.content_list{
	padding:0 10px;
}
div.layout div.pager{
	margin:10px 0;
	float:right;
	clear:both;
	width:100%;
	text-align:right;
	padding-right:10px;	
	display:block;
}
div.layout div.news{
	padding:10px;
	border-bottom:1px solid #CCCCCC;
	margin-right:10px;
}
div.layout div.news div.title_news{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:oblique;
	font-weight:bold;
}
div.layout div.news div.title_news a:hover{
	color:#ff9900;
}
div.layout div.show_events{
	margin:15px 0;
}
/********************************************************************************/
div.layout div.body div.user_register{
	background-image:url(/images/img_registro.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#D9F1F3;
	margin:auto;
	width:680px;
	padding:10px;
	border:5px solid #CCCCCC;
}
/********************************************************************************/
div.layout div.body div.user_chage_password{
	background-image:url(/images/img_cambiar_password.jpg);
	background-repeat:no-repeat;
	margin:auto;
	width:570px;
	padding:15px;
	border:5px solid #CCCCCC;
}
/********************************************************************************/
div.layout div.body div.user_activate{
	background-image:url(/images/img_confirmacion_activacion.jpg);
	background-repeat:no-repeat;
	margin:auto;
	width:570px;
	padding:150px 15px 0 15px;
	height:100px;
	border:5px solid #CCCCCC;
}


